ASP.NET頁面中凍結(jié)DataGrid的列或頭部

2024-07-10 13:09:36

字體：大中小

供稿：網(wǎng)友

　　asp.net頁面中，有時(shí)候我們需要凍結(jié)datagrid中的某一列，比如顯示的數(shù)據(jù)項(xiàng)過多時(shí)，我們需要讓第一列不動(dòng)，拖動(dòng)橫向滾動(dòng)條時(shí)其他列隱藏，這時(shí)就需要凍結(jié)列了；另外，有時(shí)候也需要讓datagrid的頭部不動(dòng)，拖動(dòng)縱向滾動(dòng)條時(shí)，下面的數(shù)據(jù)項(xiàng)可以滾動(dòng)。在實(shí)現(xiàn)的過程中，其實(shí)就是用了css樣式來控制，一起看一下。

　　要凍結(jié)哪一列，就把fixcol這個(gè)css加到headerstyle-cssclass和itemstyle-cssclass--＞

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

＜asp:boundcolumn datafield="lastname" headertext="姓名"＞
　＜!--下面就是凍結(jié)列--＞
　＜headerstyle cssclass="fixcol"＞＜/headerstyle＞
　＜itemstyle cssclass="fixcol"＞＜/itemstyle＞
＜/asp:boundcolumn＞

　　把fixtitle這個(gè)css加到datagrid的headerstyle-cssclass和itemstyle-cssclass--＞

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

＜!--凍結(jié)頭部--＞
＜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開發(fā)投票機(jī)的思路

下一篇：ASP.NET 2.0移動(dòng)開發(fā)之屬性重寫和模板化