最近项目中用到jqGrid表格,其中要求表头内容过多时,需要自动换行,参考官网文档具体实现如下:
1、添加css样式
th.ui-th-column div{
white-space:normal !important;
height:auto !important;
padding:0px;
}
2、添加<br/>
标签,进行换行操作
owNum: recordNum,
rowList: [20, 30, 40, 50, 60],
pager: '#pager',
colNames: ['序号', '列车号', '过车时间', '前滑板缺口(个)<br/>MP1', '前滑板缺口(个)<br/>MP2', '后滑板缺口(个)<br/>MP1'],
colModel:[]
最后效果如图: