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

Question

如何自动更改跨度大小使其等于 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

谢谢

Answer 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/. I added direction: "rtl" to the second grid to verify that new settings works with RTL languages too. I suppose it's not your case and you want remove it like in https://jsfiddle.net/OlegKi/owypx8c5/2/。

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

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

Style to resize the column in free-jqgrid

jqgrid

free-jqgrid