jQgrid 100%宽度

Question

我已尝试使用以下代码将我的 jQgrid.

宽度设置为 100%

height: "100%",
autowidth: true,

而且我已经更改 css - 从固定布局到自动（从另一个线程引用）以避免不必要的水平条。

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

和

.ui-jqgrid .ui-jqgrid-btable {
   table-layout: auto;
   margin: 0em;
   outline-style: none;
}

现在水平条的问题已经解决，但我在布局方面遇到了新问题，在附图中突出显示。

如何避免这种 header 宽度不匹配？

Click here for image.

Answer 1

将 table-layout 更改为 auto 是绝对错误的，这可能是您问题的根源。 jqGrid 保留列 headers 和 单独表 table.ui-jqgrid-htable 和 table.ui-jqgrid-btable 中的数据。如果网格中的内容较长，设置 table-layout: auto; 将打破列宽。不过我认为你还有另一个问题，因为你包含的图片没有长字符串。

只有提供重现问题的demo才能解决你的问题。我猜你的问题中没有描述你问题的真正根源。我想你增加了 font-size 和 pagging 并且没有正确填满。我之前看到的典型错误是增加了主数据内部的 pagging (.ui-jqgrid tr.jqgrow > td) without making the same更改第一个隐藏行 .ui-jqgrid tr.jqgfirstrow > td 或不更改列 headers .ui-jqgrid .ui-jqgrid-htable th.

中的设置

我建议您检查 第一行 列 header 的 pagging 和 font-size（table.ui-jqgrid-htable ) 和网格数据 (table.ui-jqgrid-btable)。我猜你直接或间接更改了异步保存设置的设置（在列 header 和网格数据的第一行中不相同）。

Answer 2

我已经尝试了很多，但甚至升级了我的 jqGrid，但它没有用。最近我尝试了最新的（从 GitHub - 构建日期 - 11/07/17）jqGrid，它解决了我的问题..

jQgrid 100%宽度

jQgrid 100% width

css

jqgrid

jqgrid-asp.net

jqgrid-formatter