如何滚动Jqgrid固定标题行

时间:2015-09-02 08:56:23

标签: javascript jquery css

我有动态数据的jqgrid,但主要问题是数据是如此之多,所以它需要水平滚动来查看所有数据,并且该行为是必需的,但是当修复该标题时它无法滚动。我也需要那个标题滚动。

我设定位置:“固定”;

2 个答案:

答案 0 :(得分:0)

我建议你为你的jqgrid设一个包装div。喜欢:

<div id='gridwrapper' class='gridWrapper'>
    <table id='grid'><tr><td></td></tr></table>
    <div id='gridPager'></div>
</div>

gridWrapper设置css:

.gridWrapper{
    width: 100%;
    overflow:auto; /* <---set the overflow to auto*/
}

创建jqgrid时会发生什么,它会为标题生成/创建两个表,为创建/显示数据行生成/创建一个表。因此,默认情况下,只会滚动数据行而不是标题。

答案 1 :(得分:0)

I know this has been a year old question.
But I found this working for me.
JQGrid create 2 <DIV>: one for Header and other for Body.
By Default JQGrid assigns the Body <div> as 100%.
So change the height of ui-jqgrid-bdiv.

Please see the attached snapshot. enter image description here