JqGrid：使行的宽度根据浏览器视口的宽度自动缩小和增长？答案

【问题标题】：JqGrid: make the width of rows auto shrink and grow depending on the width of browser viewport?JqGrid：使行的宽度根据浏览器视口的宽度自动缩小和增长？
【发布时间】：2014-04-08 13:58:30
【问题描述】：

我希望 JqGrid 占据它给定的所有宽度，并且它会根据浏览器视口的宽度自动缩小和增长。我希望在浏览器视口缩小时尽可能晚地看到水平滚动条。

我正在使用 autowidth 和 shrinkToFit 以及它们的组合，但没有成功。

我做错地方了吗？

感谢和问候。

【问题讨论】：

你的意思是“浏览器视口”下的浏览器窗口吗？你想在调整浏览器窗口大小后调整网格大小吗？
@Oleg，非常感谢您的意见。 b“浏览器视口”是指浏览器窗口。是的，我想在调整浏览器窗口大小后通过缩小来调整网格大小。当浏览器窗口变宽时也是如此。再次感谢！
有很多答案会注册resize 事件，例如$(window).bind("resize", function () {...});。在事件处理程序内部，使用相应的参数调用setGridWidth（setGridWidth 的第二个参数可以强制收缩）。这是实施的主要部分。有一些变化取决于网格的外部布局和其他一些实现方面。
它对我有用。谢谢！！！

标签： jqgrid

【解决方案1】：

我使用 jQGrid 在我的应用程序上执行此操作。以下是我的一些网格设置：

autowidth: true,
height: '100%',
shrinkToFit: false,

在我的网格创建下面，我使用了jQuery的window.resize函数：

$(window).resize(function () {
    $gridName.jqGrid('setGridHeight', $(window).height() - 160);
    $gridName.jqGrid('setGridWidth', $(window).width() - 210);
});

我从窗口的宽度中减去- 210 来计算左侧内容区域210px 宽。

我从窗口的高度中减去- 160 以说明标题内容区域为160px 高。

【讨论】：

我发现了一种可能比减去硬编码值更好的方法。我在网格周围放置了一个包装器 DIV，然后找到它的宽度来更新网格。感谢您的参与！
@curious1 这是个好主意！这样，如果另一个容器的宽度/高度发生变化，我就不需要更新硬编码值
正确！很高兴我们互相帮助。我的处境很艰难。它发布在这里：stackoverflow.com/questions/22973731/…你碰巧知道任何解决方案吗？
@curious1 看起来 Oleg 为你解决了这个问题……他是 jQGrid 问题的天赐之物 - 几年前，当我刚开始使用 jQGrid 时，他帮助我解决了许多问题跨度>
stackoverflow.com/questions/68281788/… 我面临着完全不同的问题。在我的情况下，整个表格的宽度被缩小了。