jqGrid，将子网格列宽设置为百分比？

Question

我将主网格设置为autowidth: true，但是如何对子网格执行相同操作，使其与父网格的宽度相同，并且列都是相对/可变/百分比宽度？

Answer 1

您在评论中写到其他回答问题

为什么colModel和subGridModel是两个完全不同的数据 结构？

您间接回答了自己的主要问题。旧式子网格的使用（参见the official jqGrid demo 上的“高级”/“子网格”）有太多限制。如果您使用subgrid as grid（请参阅the the same jqGrid demo 上的“高级”/“作为子网格的网格”），您可以创建相同的结果，但您有更多的灵活性。例如，您可以使用格式化程序（包括自定义格式化程序）使用 cellattr 和 rowattr 回调，在子网格中使用 autowidth: true 选项等等。您拥有与主网格中完全相同的一组可能性。如果你在$.jgrid.defaults中定义了一些常用的回调，可以分享下子网格和主网格的回调代码...

我可以继续列出使用网格作为子网格的优点。我的简短建议：始终只使用该功能。

Answer 2

subGrid 的宽度将在初始化时设置，并且由于它在构建时不包含任何数据，因此它将是总列宽的大小。您可以通过在每次加载子网格时设置网格的宽度来解决此问题

$('#ParentGridName, #SubGridName').jqGrid('setGridWidth', $('#IdOfHTMLElementHoldingGrids').width(), true);

这将同步父网格和子网格的大小。如果您担心窗口也被重新调整大小，您可以将其作为事件处理程序的一部分调用。

例如

window.onresize = function () { resizePageGrids() }