解决dataTable在element下的tab切换时表头与内容错位问题

项目背景基于第三方为layui开发的老项目,在layui基础上使用element的tab栏,切换下使用dataTable出现表头与内容错位,如下图:

解决dataTable在element下的tab切换时表头与内容错位问题_第1张图片解决办法是:

	// 处理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));
    });

你可能感兴趣的:(解决dataTable在element下的tab切换时表头与内容错位问题)