風格調整自由列中的列-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規則。