GridView固定表头和首列
来源:互联网 发布:快递单扫描软件 编辑:程序博客网 时间:2024/05/24 01:49
当GridVIew中要显示的数据非常多的时候,用户常需要开发人员固定表头或是首列,以保证在拖动滚动条的时候,可以清楚得了解到每一列或行的内容。 借助于CSS的功能,可以将GridView打造成这样的表格:
首先,要把GridView放在一个<asp:Panel runat=server ID="panel">容器中,然后在页面中添加如下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;}
{
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":
<HeaderStyle Wrap="False" 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;
}
{
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" ,便可得到效果了。
- GridView固定表头和首列
- GridView固定表头和首列
- GridView固定表头和首列
- table表头和首列的表格固定-JQuery、js实现的Table表头固定
- table表头和首列的表格固定-CSS实现的Table表头固定
- table表头和首列的表格固定-CSS实现的Table表头固定
- GRIDVIEW固定表头和表头新式
- 在vs2005 web程序里如何做固定表头和固定首列的.
- Vue多种方法实现表头、首列固定
- 固定GridView的表头和某几列
- GridView固定表头
- GridView 固定表头
- GridView固定表头
- gridView固定表头
- GridView固定表头
- GridView固定表头
- 关于gridview表头固定
- gridview的表头固定
- JAVA数据库连接池
- 可怕的早晨
- 使用Delphi快速开发ActiveX控件
- apache common Digester ClassLoader 问题
- jboss 学习笔记1
- GridView固定表头和首列
- 第1条 在高警告级别干净利落地进行编译
- button样式实用代码(转)
- 良宸出生,贤妻兴南是最大的功臣!
- 初学必读:61条面向对象设计的经验原则
- 数据库设计工具
- Delphi下的COM编程
- delphi,arcgis,arcobjects开发例子
- 推荐一个好用的录像工具-Wink