JQuery的jqGrid表头自动换行

使用jquery的jqgrid时，表头不自动换行：

$("#search").jqGrid({
      url:'../data.json',
   datatype: "json",
      colNames:['编号','内容', '日期', '年份','状态'],
      colModel:[
       {name:'id',index:'id', width:77,editable: true,sortable:false},
       {name:'invdate',index:'invdate', width:90,editable: true,sortable:false},
       {name:'name',index:'name', width:100,editable: true,sortable:false},
       {name:'amount',index:'amount', width:80, align:"right",editable: true,sortable:false},
       {name:'tax',index:'tax', width:80, align:"right",editable: true,sortable:false}
      ],

... ...

解决办法：

在使用到列表的页面添加下列css：

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

即可解决。