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: '合并表头显示的标题' }]
            });

 

posted @ 2017-06-29 15:04  〆念、夕夏温纯っ  阅读(2284)  评论(0编辑  收藏  举报