DataGrid让表格多记录多列时出现滚动条并用CSS样式表锁定表头
2008-01-05 15:36
441 查看
1、定义CSS样式
<HEAD>
<style type="text/css">.fixTitle { POSITION: relative; ; TOP: expression(this.offsetParent.scrollTop) }</style>
</HEAD>
2、将DataGrid控件放到一个DIV中
<DIV style="OVERFLOW-Y: auto; OVERFLOW-X: scroll; WIDTH: 613px; HEIGHT: 237px">
其中 AUTO和SCROLL是为了让表格多记录时出现滚动条
3、在表格的标头样式中引用上面定义的CSS代码
<HeaderStyle Font-Size="11pt" Font-Bold="True" ForeColor="WhiteSmoke" CssClass="fixTitle" BackColor="Brown"></HeaderStyle>
<HEAD>
<style type="text/css">.fixTitle { POSITION: relative; ; TOP: expression(this.offsetParent.scrollTop) }</style>
</HEAD>
2、将DataGrid控件放到一个DIV中
<DIV style="OVERFLOW-Y: auto; OVERFLOW-X: scroll; WIDTH: 613px; HEIGHT: 237px">
其中 AUTO和SCROLL是为了让表格多记录时出现滚动条
3、在表格的标头样式中引用上面定义的CSS代码
<HeaderStyle Font-Size="11pt" Font-Bold="True" ForeColor="WhiteSmoke" CssClass="fixTitle" BackColor="Brown"></HeaderStyle>
相关文章推荐
- ASP.NET基础教程-DataGrid表格控件-让表格多记录多列时出现滚动条并用CSS样式表锁定表头
- 表格条件滚动条,并锁定表头
- HTML table 锁定表格头并实现表头与下面宽度动态对齐不借助JUQERY 插件
- 固定表头,加滚动条的datagrid
- 【easyUI】使用datagrid创建具有不同表头的表格
- 给DataGrid添加滚动条并固定表头
- Ext、以及Coolite下实现表格锁定列和多行表头
- label自动换行代码和DataGrid中删除最后一页的记录时出错的解决办法以及HTML小TIPS:强制HTML表格断行
- ASP.NET基础教程-DataGrid表格控件-打印时让指定每一页的记录数量,并且每页都打印表格的标头
- [总结]DataGrid 固定表头实现(纵向和横向滚动条滚动,而Header不动)
- Ext、以及Coolite下实现表格锁定列和多行表头
- ASP.NET基础教程-DataGrid表格控件-打印时让指定每一页的记录数量,并且每页都打印表格的标头
- css+html实现横纵表头锁定的表格
- easyui datagrid 点击列表头排序出现错乱的原因
- 在 ASP.NET 上实现锁定表头、支持滚动的表格的做法
- jquery-easyui拓展之datagrid复合表头列锁定/解锁和列隐藏/显示
- Ext以及Coolite下实现表格锁定列和多行表头
- bootstrap表格固定表头,表格内容滚动条滚动显示
- easyui tree datagrid动态添加表头和表格数据,动态弹出框,修改和删除按钮
- Silverlight中使用SDK的DataGrid,出现滚动条,每次滚动会触发LoadingRow事件