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

Question

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

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

See here jsfiddle

1. 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/。我将direction: "rtl"添加到第二个网格，以验证新设置是否也适用于RTL语言。我想这不是你的情况，你想要像https://jsfiddle.net/OlegKi/owypx8c5/2/一样删除它。

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