jqGrid - 不显示滚动条答案

【问题标题】：jqGrid - do not display scrollbarsjqGrid - 不显示滚动条
【发布时间】：2017-02-17 04:46:53
【问题描述】：

有没有办法不显示滚动条？如果我们的数据不适合网格，我们也不想显示滚动条会去的额外空间。

【问题讨论】：

【解决方案1】：

您可以将height和width设置为100%，这样滚动条就不会出现了。它们仅在网格大于分配的空间时出现。要删除条形的额外空间，请将 scrollOffset 设置为 0。

这是一个示例网格定义（以下更正版本）：

$("#myGrid").jqGrid({
        url: 'datasourceurl',
        datatype: "json",
        colNames: eval(json.colNames),
        colModel: eval(json.colModel),
        rowNum: -1,
        width: 100%,
        height: 100%,
        scrollOffset: 0,
        rowList: [10, 20, 30],
        pager: jQuery('#myPager'),
        ...
    },

我还没有对此进行测试，但我使用 height: 100% 来达到同样的目的......所以如果你发现有任何遗漏，请告诉我。

编辑：更好的定义和改进我的 json 使用 - 谢谢 Oleg :)

$("#myGrid").jqGrid({
        url: 'datasourceurl',
        datatype: "json",
        colNames: JSON.parse(json.colNames),
        colModel: JSON.parse(json.colModel),
        width: '100%',
        height: '100%',
        rowList: [10, 20, 30],
        pager: jQuery('#myPager'),
        ...
    },

【讨论】：

一般来说，使用 100% 宽度和高度的建议是绝对正确的。必须引用这些值（“100%”或“100%”）。 eval 是邪恶的。如果您在某处需要它，您应该使用JSON.parse。它在所有当前浏览器上都快得多（请参阅json.org/js.html）并且是安全的。 rowNum: -1 的使用也很危险。这取决于您使用的服务器。使用来自值rowList 的值或像 10000 这样的大整数可以节省很多。scrollOffset:0 的使用似乎我也不需要。对不起这么多批评，但我必须写这个。
感谢您发布此修复 Oleg，它只是帮助我纠正了同样的问题。

【解决方案2】：

这似乎可以通过scrollOffset:0 完成。看到这个提示here

【讨论】：

抱歉，Marcus，但我不明白scrollOffset:0 的设置如何在您没有滚动条没有设置的情况下提供帮助。尝试使用没有scrollOffset:0 的测试页面ok-soft-gmbh.com/jqGrid/ClientsideEditing6.htm。它只使用width: '100%' 和height: '100%'。你能找到一个你会看到滚动条的例子吗？
如果我没有滚动条，则网格右侧仍有一个空间，如果有 add'l 数据，滚动条会去哪里。设置 scrollOffset 似乎删除了这个额外的空间。
@Markus：对不起，Markus，但我只能重复一遍，在我看来，scrollOffset 参数的值绝对不重要，至少与设置 width: '100%' 和 height: '100%' 一起关闭在 jqGrid 中滚动。只需比较具有scrollOffset:500 的ok-soft-gmbh.com/jqGrid/ClientsideEditing7.htm 与具有默认值scrollOffset 的ok-soft-gmbh.com/jqGrid/ClientsideEditing6.htm。你能看出有什么不同吗？我不能。