在free-jqgrid中调整列大小的样式答案

【问题标题】：Style to resize the column in free-jqgrid在free-jqgrid中调整列大小的样式
【发布时间】：2017-06-17 10:37:23
【问题描述】：

如何自动更改跨度大小使其等于 div？ image

.ui-jqgrid tr.ui-jqgrid-labels  div {
      white-space: normal !important;  
}

See here jsfiddle.

free-jqgrid 4.14.0 有这样的限制吗？ http://www.trirand.com/jqgridwiki/doku.php?id=wiki%3Agroupingheadar

谢谢

【问题讨论】：

标签： jqgrid free-jqgrid

【解决方案1】：

我建议您使用以下附加 CSS 规则

.ui-jqgrid .ui-jqgrid-htable th.ui-th-column {
    position: relative;
}
.ui-jqgrid .ui-jqgrid-labels > .ui-th-column > .ui-jqgrid-resize {
    top: 0;
    float: none;
    position: absolute;
    height: 100%;
}
.ui-jqgrid .ui-jqgrid-labels > .ui-th-ltr > .ui-jqgrid-resize {
    right: 1px;
}
.ui-jqgrid .ui-jqgrid-labels > .ui-th-rtl > .ui-jqgrid-resize {
    left: 1px;
}

查看修改后的演示 https://jsfiddle.net/OlegKi/owypx8c5/1/。我在第二个网格中添加了direction: "rtl"，以验证新设置是否也适用于 RTL 语言。我想这不是你的情况，你想像https://jsfiddle.net/OlegKi/owypx8c5/2/ 一样删除它。

我将调整ui.jqgrid.css 以使用上述设置作为免费jqGrid 的默认CSS 规则。

【讨论】：

使用guiStyle: "bootstrap" link时出现bug
@kostya：你指的是哪个错误？预期的结果是什么，结果又是什么？
文字标题下浮。但是如果你设置属性 useColSpanStyle: false 错误就消失了
@kostya：必须删除setGroupHeaders 的代码中的the part 才能使用我建议的新CSS 属性以及列探索（setGroupHeaders 方法）。我已经在free jqGrid的代码中做了相应的修改。经过一些额外的测试后，我会将更改发布到 GitHub。
非常感谢！