| 发表于:2007-03-27 16:36:482楼 得分:20 |
一、锁定列 1、先在网页上添加一个id为datagrid_container的容器 <div id= "datagrid_container " > <div> 并在容器中添加一个datagrid 设定容器的样式(指定为datagrid_container容器) div#datagrid_container{ overflow: auto; width: 600px; height: 252px; } 没有该样式,滚动条就不会出现(注意设置适当的宽度和高度)。 2、设定锁定样式 .lock_col {left: expression(document.getelementbyid( "datagrid_container ").scrollleft); position: relative; } 3、在网页的 <head> </head> 之间添加如下代码: <script type= "text/javascript "> function lockcol(table_id) { var table = document.getelementbyid(table_id); var ctr = table.getelementsbytagname( "tr "); for (i = 0; i < ctr.length; i++) { var tr = ctr.item(i); for(j = 0; j < 4; j++) { tr.cells[j].classname = 'lock_col '//将j列样式设定为lock_col,该列被锁定 } } } </script> 例如单独锁定某列:ctr.item(0).cells[5].classname = 'lock_col ' 上例中对0~3列的锁定即完成了。 二、锁定标题栏 1、添加样式 .lock_header { position: relative; z-index: 30; top: expression(document.getelementbyid( "datagrid_container ").scrolltop-2); } 2、定义datagrid的header的cssclass为该样式即可 <headerstyle cssclass= "lock_header "> </headerstyle> | | |
|