jqgrid--表头换行显示

jqgrid 表头换行显示

1.要求

jqgrid 表头换行显示

2.解决方案

1.在class=my-grid的div添加calss，grid-th-auto-height

2.修改jqgrid配置项汇总的colModel中的需要换行列的label属性，在换行位置加

3.例子

html代码:

<div class="col-xs-12 my-grid grid-th-auto-height">

<table id="jqGrid" ></table>

<div id="jqGridPager"></div>

</div>

js代码:

$("#jqGrid").jqGrid({
url: '../demo/grid/Data.json',
datatype: "json",
colModel: [
{ label: '用户<br/>名称', name: 'CategoryName', width: 100 },
{ label: '产品名称', name: 'ProductName', width: 100 }

],

....

})

=====================================================

http://blog.csdn.net/yelllowcong/article/details/78904210

Jqgrid实现表格的换行操作，实现主要有三步骤，
1、添加css样式，
2、设定grid固定宽度，shrinkToFit:false,不自动根据比例，
3、添加<br/>标签，进行换行操作

添加样式

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