jqGrid表格表头自动换行

最近项目中用到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:[]

 最后效果如图:

猜你喜欢

转载自blog.csdn.net/sk161205/article/details/88120683