GridView或DataGrid 固定表头,滚动数据的例子.

1.主要利用table style的 layout=fixed属性按照当前表头再copy一个table,显示在当前datagrid或gridview的前面.

2.注意:调用的时候,datagrid 或gridview       要有style="table-layout:fixed" 和 width=?? 属性.

  另外还有个自定义属性 viewheight 是可选,表示滚动内容区域的高度

  脚本中更改一下DataGrid或GridView的ID即可.

  该示例在IE7 和 FireFox下测试通过.

以下是示例:

 <asp:GridView style="table-layout:fixed"  viewheight="100"  ........

 

DoScrollTable( " GridView1 " );
function  DoScrollTable(id)
  ... {
     var tb = document.getElementById(id);
     var eNext = tb.nextSibling;
     
     var th = tb.cloneNode(true)
        
     
     //记录宽度
     var ary  = new Array();
     var width = tb.offsetWidth;
     var height = tb.offsetHeight;
     for(var i=0;i<tb.rows[