当前位置: 代码迷 >> ASP.NET >> 请教:动态表格的固定表头有关问题
  详细解决方案

请教:动态表格的固定表头有关问题

热度:3951   发布时间:2013-02-25 00:00:00.0
请问:动态表格的固定表头问题
表格tbItemList
                <table   id= "tbItemList "   bodyHeight= "100 "     bodyCSS= "tblBody "   headerCSS= "tblHeader "  
    width= "75% "   cellspacing=5   cellpadding=0   onRowClick   =   "onclick_tr() ">
           
        <tr   height= "20 "   bgcolor= "#CCCCCC "   align=center>  
<td   width= "25 "   nowrap> 序号Item </td>
<td   width= "100 "   nowrap> 图号Part   No </td>
<td   width= "50 "   nowrap> 版本号Edition </td>
<td   width= "100 "   nowrap> 名称Description </td>
<td   width= "25 "   nowrap> 数量Q 'ty </td>
<td   style= "display:none "> 重量Weight </td>
<td   style= "display:none "> 单位Unit </td>
<td   style= "display:none "> 生效时间Start   Time </td>
<td   style= "display:none "> 失效时间End   Time </td>
<td   width= "200 "   nowrap> 备注Remark </td>
        </tr>

===========================================================================
表格内容是动态添加的,添加代码如下
    window.attachEvent( "onload ",initInterface);
   
        function   initInterface()
  {
读xml   ->   insertRow   ...
}
===========================================================================
要对这个表格实行固定表头
不会!
===========================================================================
我用的微软网站上的一个方法,一个htc,原理是把table的表头表体拷出来,然后表头做表头,表体放到div
http://www.microsoft.com/china/MSDN/library/WebServices/WebServices/nacwebteam11042002.mspx?mfr=true
htc代码:
<PUBLIC:ATTACH   event= "ondocumentready "   handler= "onDocumentReady "   />
<SCRIPT   language= "JScript ">
function   onDocumentReady()
{
      //   Create   elements
      var   tblHeader   =   this.cloneNode(false);
      var   tblBody       =   this.cloneNode(false);
      var   divCntr       =   document.createElement( "DIV ");

      //   Get   column   widths
      var   rgWidths   =   new   Array();
      for   (var   i   =   0;   i   <   this.rows[0].cells.length;   i++)
      {
            rgWidths[i]   =   this.rows[0].cells[i].offsetWidth;
      }

      //   Add   header   row
      var   tbdyHeader   =   document.createElement( "TBODY ");
      tblHeader.appendChild(tbdyHeader);
      tbdyHeader.appendChild(this.rows[0].cloneNode(true));

      //   Add   body   rows
      var   tbdyBody   =   document.createElement( "TBODY ");
      tblBody.appendChild(tbdyBody);
     
  相关解决方案