html - JqG​​rid 固定高度不按预期工作

标签 html css jqgrid

我在我的页面上使用 jqgrid。我想固定高度(如果有更多行,用户应该向下滚动)。它适用于有很多行的表。然而,即使表行大小也不多,也没有滚动条的位置(图像中的数字 2),并且左侧有一条额外的线(图像中的数字 1)。这对每个表都是一样的。这是我的表格的示例:

enter image description here

我根据自己的选择使用了它:

...
height: '150'
jsonReader: {
        repeatitems: false
},
loadui:         'disable',
altRows:        true,
viewrecords:    true,
loadonce:       true,
...

并且没有对高度做任何特殊的事情。

有什么想法吗?

最佳答案

您没有发布有关如何使用 jqGrid 的任何详细信息。所以我可以假设您使用带有某个整数值的 height 选项。如果您使用 height: "auto"height: "100%" 那么您将不会遇到所描述的问题。我个人几乎总是使用 height: "auto" 并通过使用 rowNum 值指定最大网格宽度。

jqGrid 根据所有列的总宽度计算网格的宽度。如果 height 选项的值既不是 "auto" 也不是 "100%" 它会添加额外的空间来容纳可能的垂直滚动条。您可以使用 scrollOffset: 0 选项删除不需要的网格大小合适的空间。或者,您可以调用 setGridWidthsetGridHeight 方法将网格的宽度和高度显式设置为您想要的任何其他值。

关于html - JqG​​rid 固定高度不按预期工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26337139/

相关文章:

html - 在折叠 Bootstrap 中对齐按钮和文本

javascript - jquery Bootstrap同一页面上的两个模式冲突

javascript - jQuery 中带有悬停/鼠标悬停事件的下拉菜单

javascript - 需要一些关于滚动条和侧边菜单的想法吗?

javascript - JQGrid 标题和列未对齐

html - 样式 `.h1` 类类似于 `h1` 标签

javascript - Bootstrap 将 glyphicon 包装在导航栏的第二行

html - 与文本左侧的图像链接

javascript - 使用 getCell jqgrid 获取 html 值

JqG​​rid 在单击网格外时将行数据保存到数据库