javascript - jqGrid 标题和正文/数据列宽度不相等

Question

我对 jqGrid 列宽有疑问。

我为网格设置的几个选项：
autowidth：true，shrinkToFit：
true，
width：100％，

而我在 ui.jqGrid.css 中所做的更改如下：

.ui-jqgrid .ui-jqgrid-htable {
   table-layout:auto;
   margin:0em;
} //for header - auto table layout.

同样，我为正文和页脚做了。

希望这可以帮助。如果需要任何其他信息，请告诉我。

注意：我使用的是最新的 jqGrid。我提到了一个类似的问题jqGrid header width different from data column width，但在我的情况下没有用。

Answer 1

我已经找出问题的原因。

我之前为表格添加了一个 CSS（用于我的自定义表格），并且覆盖了导致问题的 jQgrid CSS。

    table td {
         padding: 5px;
         border: solid 1px #e8eef4;
    }

    table th {
        padding: 6px 5px;
        text-align: left;
    }

所以我在上面添加了特定的类，这样它就不会覆盖 jqGrid。抱歉，我没有注意到并早点弄清楚。并且不需要更改 jqgrid-css 中的 table-layout 属性。我的动机是shrinktofit 和autowidth。