ASP.NET页面中冻结DataGrid的列或头部

2024-07-10 13:09:36

字体：大中小

来源：转载

供稿：网友

　　asp.net页面中，有时候我们需要冻结datagrid中的某一列，比如显示的数据项过多时，我们需要让第一列不动，拖动横向滚动条时其他列隐藏，这时就需要冻结列了；另外，有时候也需要让datagrid的头部不动，拖动纵向滚动条时，下面的数据项可以滚动。在实现的过程中，其实就是用了css样式来控制，一起看一下。

　　要冻结哪一列，就把fixcol这个css加到headerstyle-cssclass和itemstyle-cssclass--＞

＜style type="text/css"＞
　.fixcol {}{ ; left: expression(this.offsetparent.scrollleft); position: relative }
＜/style＞
＜/head＞

＜asp:boundcolumn datafield="lastname" headertext="姓名"＞
　＜!--下面就是冻结列--＞
　＜headerstyle cssclass="fixcol"＞＜/headerstyle＞
　＜itemstyle cssclass="fixcol"＞＜/itemstyle＞
＜/asp:boundcolumn＞

　　把fixtitle这个css加到datagrid的headerstyle-cssclass和itemstyle-cssclass--＞

＜style type="text/css"＞
　.fixtitle {}{ position: relative; ; top: expression(this.offsetparent.scrolltop) }
＜/style＞
＜/head＞

＜!--冻结头部--＞
＜itemstyle forecolor="#330099" backcolor="white" cssclass="fixtitle"＞＜/itemstyle＞
＜headerstyle font-bold="true" forecolor="#ffffcc" backcolor="#990000" cssclass="fixtitle"＞＜/headerstyle＞

＜footerstyle forecolor="#330099" backcolor="#ffffcc"＞＜/footerstyle＞

上一篇：.net开发投票机的思路

下一篇：ASP.NET 2.0移动开发之属性重写和模板化