GridView如何固定表头和前两列(实在没分 求帮助)

2025-03-24 18:48:48
推荐回答(2个)
回答1:

GridView固定表头和首列
网上下的,用过,统一的缺点是IE浏览器能使用,其他的浏览器就不能保证了。多多少少都有显示错误
个人认为表头统一用文本替代,不要用GridView的

当GridVIew中要显示的数据非常多的时候,用户常需要开发人员固定表头或是首列,以保证在拖动滚动条的时候,可以清楚得了解到每一列或行的内容。 借助于CSS的功能,可以将GridView打造成这样的表格:
首先,要把GridView放在一个容器中,然后在页面中添加如下CSS:
.fixedheader
{
position:relative ;
table-layout:fixed;
top:expression(this.offsetParent.scrollTop -1);
z-index: 10;
}

.fixedheader th{text-overflow:ellipsis;overflow:hidden;white-space: nowrap;}

最后将GridView的HeaderStyle属性集中的CssClass属性设为"fixedheader":

上述这种方法是以页面的滚动条为基准,因此是“this.offsetParent.scrollTop”,实际使用时可以根据需要尝试其他调整方法
至于固定左边列的方法与此类似
.fixedLeft
{
position: relative;
left:expression (this.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.scrollLeft-4);
z-index:10;
}

其中 expression后的parentElement到底要多少个,需要设置Debugger自己去跟踪。同时,还要记住设置GridView的背景色, 即便是白色也要设:#FFFFFF,不能为透明。最后,将GridView的ItemStyle中的CssClass设为"fixedLeft" ,便可得到效果了。

回答2:

前台做的时候固定不就好了。。