[总结]DataGrid 固定表头实现（纵向和横向滚动条滚动，而Header不动）

1.用Css来定制DataGrid表头HeaderStyle的cssclass属性

.fixTitle
{
/*background: navy;
color: white;*/
position: relative;
top: expression(this.offsetParent.scrollTop);
}

<DIV style="Z-INDEX: 102; LEFT: 264px; OVERFLOW: auto; WIDTH: 184px;TOP: 128px; HEIGHT: 216px"
2

ms_positioning="GridLayout">
3

<asp:DataGrid id="DataGrid1" style="Z-INDEX: 103;" runat="server" BorderColor="#DEBA84" BorderStyle="None"
4

BorderWidth="1px" BackColor="#DEBA84" CellPadding="0">
5

<SelectedItemStyle Font-Bold="True" ForeColor="White" BackColor="#738A9C"></SelectedItemStyle>
6

<ItemStyle ForeColor="#8C4510" BackColor="#FFF7E7"></ItemStyle>
7

<HeaderStyle Font-Bold="True" ForeColor="White" CssClass="fixTitle" BackColor="#A55129"></HeaderStyle>
8

<FooterStyle ForeColor="#8C4510" BackColor="#F7DFB5"></FooterStyle>
9

<PagerStyle HorizontalAlign="Center" ForeColor="#8C4510" Mode="NumericPages"></PagerStyle>
10

</asp:DataGrid></DIV>

注意DataGrid的position不能是绝对位置！

2.孟大哥的方法
http://dotnet.aspx.cc/ShowDetail.aspx?id=B3F3462D-DC34-41CE-9FEE-6965B2A3D1AD

转载于:https://www.cnblogs.com/goody9807/archive/2005/08/15/215320.html

[总结]DataGrid 固定表头实现（纵向和横向滚动条滚动，而Header不动）相关推荐

DataGrid固定表头，实现滑动效果
DataGrid固定表头,实现滑动效果找固定表头的功能找了半天,尝试过了但都不行,后来看到一个思路,说隐藏第一行表头,然后自己写固定位置的文本当表头,确实可行,就是调整位置有点麻烦-- 1.Data ...
php表滑动其它固定,table固定表头使表单横向滚动
这次给大家带来table固定表头使表单横向滚动,table固定表头使表单横向滚动的注意事项有哪些,下面就是实战案例,一起来看一下. 1.头部用一个table并用一个p包裹着, 表格的具体内容用一个ta ...
Element 表格固定列横向滚动条无法拖动的问题解决
在Element-UI中,当对表格列进行固定后,底部的横向滚动条就无法拖动了,主要的问题就是固定区域盖住了横向滚动条. 方案一:修改el-table__body-wrapper样式的层级,随便设个层级 ...
css 表头不滚动,css固定表头不随滚动条移动.doc
先说效果描述如图:涉及到数据保密的缘故所以数据弄掉了.效果为:整个grid数据会出现横向,竖向滚动条.其中所有的表头:操作,序号,测试1....等等要素,不会随着竖向滚动条的滚动而发生下移动的变化.而 ...
动手练一练，手写一个价格对比、固定表头滚动的表格
大家好,今天我们将一起实践下如何手写固定表头,那么什么是固定表头呢?就类似 Excel 表格有个锁定表头的功能,方便用户查阅数据进行数据项的对比.虽然有不少相关插件提供了类似的功能,比如 Scroll ...
elementui中 el-table表格表头以及内容渲染(横向纵向渲染)以及固定列fixed定位位置错乱表格偏移问题
el-table横向纵向渲染横向纵向渲染需要两类数组,一类渲染表头,另外一类需要渲染内容,表头数组每一个对象需要塞入两个值一个为表头渲染的内容即绑定label 另外一个为该纵列值所在字段名即绑定p ...
php中表头不跟着滑动,JS实现table表格固定表头且表头随横向滚动而滚动
这篇文章主要介绍了JS实现table表格固定表头且表头可以随横向滚动而滚动,对js的朋友可以参考下本篇文章先看一张效果图思路: 1.头部用一个table并用一个p包裹着, 表格的具体内容用一个ta ...
html表格横向竖向滚动,利用纯css实现table固定列与表头中间横向滚动的思路和实例...
前言最近在做的后台管理系统要处理大量的表格,因为原项目是采用的for循环加拼接字符串的方式实现;导致js代码一大堆;各种单引号和双引号的嵌套;让人头疼;遂引入vue.js;用v-for做模板渲染;工 ...
html纵向表头,HTML table固定表头
最近尝试了几种HTML的table固定表头的方法..额...各有利弊,但很尴尬..... 1.thead和tbody的display设置为block; 这种可以实现,但是需要提前设置好每个th和td的 ...

[总结]DataGrid 固定表头实现（纵向和横向滚动条滚动，而Header不动）

[总结]DataGrid 固定表头实现（纵向和横向滚动条滚动，而Header不动）相关推荐

最新文章

热门文章