Jquery 修复了IE8中GridView上带有滚动条的表格标题
我试图在GridView的现有子类SGridView的基础上实现一个固定标题特性 我的问题是,对于下面列出的解决方案,滚动条显示在标题行下方,看起来很俗气。我更喜欢滚动条从页眉一直垂直到页脚。唯一的问题是,这意味着头几行将被标题覆盖,因为滚动条的高度没有考虑标题行的包含(我假设这是绝对定位的副作用)。有什么想法可以纠正吗 我的解决方案包括以下内容:Jquery 修复了IE8中GridView上带有滚动条的表格标题,jquery,asp.net,gridview,Jquery,Asp.net,Gridview,我试图在GridView的现有子类SGridView的基础上实现一个固定标题特性 我的问题是,对于下面列出的解决方案,滚动条显示在标题行下方,看起来很俗气。我更喜欢滚动条从页眉一直垂直到页脚。唯一的问题是,这意味着头几行将被标题覆盖,因为滚动条的高度没有考虑标题行的包含(我假设这是绝对定位的副作用)。有什么想法可以纠正吗 我的解决方案包括以下内容: <div class="IEScrollDiv"> <table class="GridView"> <the
<div class="IEScrollDiv">
<table class="GridView">
<thead>
<tr> <th clas="GVHeader"> my header row</th> </tr>
</thead>
<tbody>
...
</tbody>
</table>
</table>
我的标题行
...
或多或少,在Render()方法中添加了额外的代码,以将表包装在可以滚动的div中。不要太花哨。然后我将表配置为渲染,并将标记配置为可访问性
由于在IE中未定义向tbody添加滚动,所以我无法利用它创建固定标题(lame)。此外,表达式css规则已经从IE8中弃用,因此我也不能使用这种方法(很多在线教程都使用它)
因此,我添加了javascript,通过它的类GVHeader绝对定位标题行
感谢那些希望实现类似功能的人,我想我会发布我的解决方案 我无法获得我想要的确切外观(滚动条穿过标题,但在标题旁边) 我只是让gridview渲染一个空的div-take,其中包含一个类,使其具有x个像素高,以包含标题的间隙空间。然后将标题重新定位到该div的顶部。现在,滚动条将标题行作为高度的一部分 因此,标记最终看起来是这样的
<div class="IEScrollDiv">
<div class="EmptyDiv"></div>
<table class="GridView">
<thead>
<tr> <th clas="GVHeader"> my header row</th> </tr>
</thead>
<tbody>
...
</tbody>
</table>
</table>
.EmptyDiv
{
height: 33px;
margin: 0;
padding: 0;
background: #ffffff;
}
我的标题行
...
EmptyDiv先生
{
高度:33像素;
保证金:0;
填充:0;
背景:#ffffff;
}
可能会在scroll div中添加底部边距。。然后将标题行移动到边缘区域???