JQgrid表格的表头和表主体对齐


ui.jqgrid.min.css中:

.ui-jqgrid tr.jqgrow td {
 font-weight: 400;
 overflow: hidden;
 /*white-space: pre;*/
 white-space: normal;
 height: 23px;
 padding: 1px 2px;
 border-bottom-width: 1px;
 border-bottom-color: inherit;
 border-bottom-style: solid
}

.ui-jqgrid tr.jqgfirstrow td {
 /*padding: 0 2px;
 border-right-width: 1px;
 border-right-style: solid;
 height: auto*/
 padding: 0 2px 0 2px;border-right-width: 1px; border-right-style: solid;
}

jQgrid初始化参数中:

gridComplete: function() {
   doResize();   
  },


  function doResize() {
 var parent_column = $("#list").closest('[class*="col-"]');//list是jQgrid的table的ID
 $("#list").jqGrid('setGridWidth', parent_column.width());
}

你可能感兴趣的:(JQgrid)