如何將單列標(biāo)題文本換行到j(luò)qgrid中的多行如果列標(biāo)簽文本寬于列寬，則標(biāo)簽文本將被截?cái)?。增加列寬并不好，因?yàn)橛行┪谋竞荛L。如何使文字換行成多行？標(biāo)題高度應(yīng)由最大列高確定。我發(fā)現(xiàn)的唯一解決方案是但這并沒有實(shí)現(xiàn)文字的自動(dòng)換行。如何實(shí)現(xiàn)標(biāo)題文本的自動(dòng)換行？更新。我為角色和自動(dòng)換行嘗試了Oleg風(fēng)格。字符包裝 th.ui-th-column div{word-wrap: break-word; /* IE 5.5+ and CSS3 */
white-space: pre-wrap; /* CSS3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
overflow: hidden;
height: auto;
vertical-align: middle;
padding-top: 3px;
padding-bottom: 3px}僅顯示第二行的一半。第三行根本沒有顯示：自動(dòng)換行 th.ui-th-column div{
white-space:normal !important;
height:auto !important;
padding:2px;
}禁用包裝列的列大小調(diào)整。在那些列上移動(dòng)鼠標(biāo)圖標(biāo)到列分隔符鼠標(biāo)光標(biāo)不會(huì)更改為sizer。包裹的列無法調(diào)整大小。如何解決這些問題？更新2我嘗試了字符換行（Oleg回復(fù)中的最后一個(gè)樣本）。如果列寬減小，我發(fā)現(xiàn)問題，以便標(biāo)題中出現(xiàn)更多行：如果在列分隔符底部拖動(dòng)，則無法調(diào)整列的大?。赫{(diào)整大小時(shí)不會(huì)增加縮放器高度。在IE9標(biāo)題中，高度增加是不夠的：調(diào)整大小后，最后一個(gè)標(biāo)題行不可見。在fireFox中，此問題不會(huì)發(fā)生。
3 回答
慕虎7371278
TA貢獻(xiàn)1802條經(jīng)驗(yàn) 獲得超4個(gè)贊
<style type="text/css">
.ui-jqgrid .ui-jqgrid-htable th div {
height: auto;
overflow: hidden;
padding-right: 4px;
padding-top: 2px;
position: relative;
vertical-align: text-top;
white-space: normal !important;
}</style>
慕田峪7331174
TA貢獻(xiàn)1828條經(jīng)驗(yàn) 獲得超13個(gè)贊
Following code wraps row data.ui-jqgrid tr.jqgrow td {
word-wrap: break-word; /* IE 5.5+ and CSS3 */
white-space: pre-wrap; /* CSS3 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
white-space: normal !important;
height: auto;
vertical-align: text-top;
padding-top: 2px;
padding-bottom: 3px;
}Following code wraps table header data
.ui-jqgrid .ui-jqgrid-htable th div {
word-wrap: break-word; /* IE 5.5+ and CSS3 */
white-space: pre-wrap; /* CSS3 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
white-space: normal !important;
height: auto;
vertical-align: text-top;
padding-top: 2px;
padding-bottom: 3px;
}- 3 回答
- 0 關(guān)注
- 965 瀏覽
添加回答
舉報(bào)
0/150
提交
取消