jqGrid表格表头自动换行

最近项目中用到jqGrid表格,其中要求表头内容过多时,需要自动换行,参考官网文档具体实现如下:

1、添加css样式

th.ui-th-column div{
    white-space:normal !important;
    height:auto !important;
    padding:0px;
}

2、添加
标签,进行换行操作

owNum: recordNum,
rowList: [20, 30, 40, 50, 60],
pager: '#pager',
colNames: ['序号', '列车号', '过车时间', '前滑板缺口(个)
MP1', '前滑板缺口(个)
MP2', '后滑板缺口(个)
MP1'], colModel:[]

 最后效果如图:jqGrid表格表头自动换行_第1张图片

你可能感兴趣的:(jqGrid表格表头自动换行)