jqgrid多次调用合并表头出现重叠的处理
使用jqgrid过程中、遇到窗体大小改变后、需要重新渲染表头及数据列、我注册了一个窗体大小改变的监听事件、在里面重新设置列表的宽度和高度、最关键的一步:销毁合并表头内容、再次设置表头合并、该事件完整代码如下:
$("#gridList").setGridWidth($(window).width(), true); $("#gridList").setGridHeight($(window).height() - 153); jQuery("#gridList").jqGrid('destroyGroupHeader');//最关键的一步、销毁合并表头分组、防止出现表头重叠 jQuery("#gridList").jqGrid('setGroupHeaders', { useColSpanStyle: true, groupHeaders: [{ startColumnName: '开始合并的字段', numberOfColumns: 3, titleText: '合并表头显示的标题' }] });