天天看点

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

ui.jqgrid.min.css中:

.ui-jqgrid tr.jqgrow td {

 font-weight: 400;

 overflow: hidden;

 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 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());

}