旧灯芯绒裤子改:css实例:实现gridview仿excel冻结列2

来源:百度文库 编辑:中财网 时间:2024/04/29 06:49:06
css实例:实现gridview仿excel冻结列
看代码之前,先说一说思路,关键点有三:
1.               表格外要套两层div,内层的用于设置滚动条,外层的要相对定位,以便于新的子表位置设定;
2.               子表与母表的样式要完全
-
css实例:实现gridview仿excel冻结列
看代码之前,先说一说思路,关键点有三:
1.               表格外要套两层div,内层的用于设置滚动条,外层的要相对定位,以便于新的子表位置设定;
2.               子表与母表的样式要完全一致,因此,需要实现设定好GridView的样式,运行后,查看浏览器源文件,以完全复制表格的样式(提醒新手,GridView经IIS解析后,就是普通的

3.               复制后的子表位置要绝对定位,并设置z-index属性 以下为Gridview嵌套两层div的代码:
  

   

   
      
    
       
   

   


然后是CSS样式表:

 
再是JS代码(用Jquery框架):
  
   
本篇文章来源于 “phphtm教程” 转载请以链接形式注明出处 网址:http://www.phphtm.com/2011/0108/0NMDAwMDAwMTk0Nw.html