项目背景基于第三方为layui开发的老项目,在layui基础上使用element的tab栏,切换下使用dataTable出现表头与内容错位,如下图:
解决办法是:
// 处理tab切换后列表样式错乱问题,tab切换后重绘table
layuii.element.on('tab(report_tabs_select)', function(data){
(developmentTaskReportTable && data.index==1) && (developmentTaskReportTable.draw(false));
(demandReportTable && data.index==0) && (demandReportTable.draw(false));
});