Question

更正代码：

{name:'status1',index:'status1', align:"center", width:50}

以下是我的JqGrid代码：

public static String test;

我正在尝试为页面创建colModel流体宽度，我可以手动更改每个列的宽度，如下面的花絮：

public String test;

但是，我无法定义百分比，或似乎弄清楚如何做流体宽度。有没有人有任何想法？

Answer 1

首先，您应该添加autowidth: true选项，该选项将网格的初始宽度设置为HTML页面上外部容器的宽度。它将强制调整与width中colModel属性值成比例的所有列的大小。由于您未指定任何width属性，因此将使用默认的150值。在调整大小的情况下，它意味着您为所有列指定了相同的宽度。如果您需要为某些列保留一些固定宽度，例如对于具有formatter: "actions"（在网格中显示两个编辑图标）的列，则可以将fixed: true添加到列中。

要在每次调整Web浏览器窗口或外部div后调整网格大小，您可以使用以下代码

$(window).bind("resize", function () {
    var newWidth = $grid.closest(".ui-jqgrid").parent().width();
    $grid.jqGrid("setGridWidth", newWidth, true);
}).trigger("resize");

（见the old answer）。

free jqGrid中存在其他功能，我开发的jqGrid的分支，首先将jqGrid重命名为Guriddo jqGrid JS（请参阅the post）并将其设为商业广告。演示：http://jsfiddle.net/OlegKi/andm1299/19/使用<div class="container">作为jqGrid的外部div，并将classes: "hidden-xs", labelClasses: "hidden-xs"引导类（请参阅the documentation）添加到演示的不太重要的列ComboDuration 。结果，在调整网格大小时，将自动隐藏/显示该列。在具有低像素分辨率的移动设备上产生良好的结果可能非常有帮助。

Answer 2

您可以使用以下内容填充页面：

autowidth：true，

我还为上面列出的一些列设置了最小自定义宽度

使JqGrid宽度流畅

2 个答案: