javascript - 我需要为每列定义固定宽度还是可以自动计算？

Question

我想知道是否有任何配置，并且我缺少它，其中列自动适合 jQgrid 中的网格宽度，或者我是否需要为每个列定义固定宽度(这不太酷)。我尝试了以下方法但没有成功:

$(function () {
    "use strict";
    var $grid = $("#list");

    $grid.jqGrid({
        url: '/ajax/plans_to_forms/get_all',
        datatype: "json",
        colNames: ["Actions", "Form #", "Form", "Plan", "Class", "Drug"],
        colModel: [
            {name: "act", template: "actions"},
            {name: "FormId", align: 'center', fixed: true, frozen: true, resizable: false, width: 50},
            {name: "FormName"},
            {name: "PlanName"},
            {name: "DrugGroupName"},
            {name: "DrugName"}
        ],
        cmTemplate: {autoResizable: true, editable: true},
        iconSet: "fontAwesome",
        rowNum: 25,
        guiStyle: "bootstrap",
        autoResizing: {compact: true},
        rowList: [25, 50, 100, "10000:All"],
        viewrecords: true,
        autoencode: true,
        sortable: true,
        pager: true,
        toppager: true,
        hoverrows: true,
        multiselect: true,
        multiPageSelection: true,
        rownumbers: true,
        sortname: "Id",
        sortorder: "desc",
        loadonce: true,
        autowidth: true,
        shrinkToFit: false
    }).jqGrid("navGrid", {
        edit: false,
        add: false,
        del: true,
        search: false,
        refresh: true
    }).jqGrid("filterToolbar").jqGrid("gridResize");
});

结果如下:

Answer 1

免费的jqGrid从第一个发布版本(4.8)开始就有这个功能。我在 the wiki article 中描述了该功能。您主要需要向网格添加 autoresizeOnLoad: true 选项来解决您的问题。

问题在于“自动调整大小”行为存在许多小的解释。您可以在 jqGridAfterLoadComplete 事件内部调用 autoResizeAllColumns 方法来实现标准行为的某些变体。例如the answer和演示 https://jsfiddle.net/OlegKi/dk2qwbcs/6/ )展示了如何使用“自动调整大小”将网格大小减小到最小宽度而不收缩，并在外部窗口较小的情况下在网格中添加水平滚动条。

另一个属性:autoResizing选项的resetWidthOrg: true在使用量减少的情况下会很有帮助。查看演示 https://jsfiddle.net/OlegKi/ejpn9/149/属性在哪里

autoresizeOnLoad: true,
autowidth: true,
autoResizing: {
    compact: true,
    resetWidthOrg: true
},

被使用。