风格调整自由列中的列-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规则。