【问题标题】:JqGrid Fixed Height Does Not Work as IntendedJqG​​rid 固定高度不能按预期工作
【发布时间】:2014-10-13 09:52:06
【问题描述】:

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

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

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

并没有对身高做任何特别的事情。

有什么想法吗?

【问题讨论】:

    标签: html css jqgrid


    【解决方案1】:

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

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

    【讨论】:

    • 是的,我为 height 属性设置了一个整数。我的客户不想要分页栏。 height: "auto" 和设置 rowNum 并不是我描述的当前情况的解决方案。因为它只显示有限的行数。我想看到它们,但即 5 行将在桌子上,而其他行将在滚动 var 时被看到。 PS:我已经编辑了我的问题。
    • @kamaci:我不能谈论“针对我当前情况的解决方案”,因为您没有描述您的完整方案。如果您不想使用数据的本地分页,您必须rowNum 设置为足够大的值(例如rowNum: 100000)。如果你不这样做,那么 jqGrid 将只显示前 20 行结果(默认值 rowNum)。如果你确定你有 5 行或更少,那么你的网格高度不够大,一切看起来都很好。您可以考虑另外使用max-height(参见the answer)。
    • 我找到了原因。即当我将高度设置为 100 像素时。如果表格有很多行,所以高度大于 100 像素。一切都很好(当我使用scrollOffset: 0 时)但是,即如果表格是 50 像素。 ui-jqgrid-bdiv 有一个 100px 的border-left 属性。高度。这导致了第一个问题。你知道如何解决它吗?如果不清楚,我会再次提出问题。
    • 如果高度小于 a 大小,是否可以将网格 ui-jqgrid-bdiv 的高度设置为表格的高度?
    • @kamaci:抱歉,我无法关注你。您能否准确描述您现在使用的设置以及您仍然遇到的问题。如果您不知道所有 div 的确切含义,我不建议您设置 bdiv 或其他一些内部 div 的height(有关主要 div 的描述,请参阅here)。我仍然不明白你的全部情况。在您的情况下,您可能需要在loadComplete 内调用setGridHeight(您可以测试当前加载的行数)。
    猜你喜欢
    • 1970-01-01
    • 2013-05-01
    • 2017-11-02
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多