layui table切换html,解决Layui中切换tab时table样式错乱问题

在Layui中切换tab时，可能会出现table样式错乱的问题。解决这个问题可以尝试以下方法：

1. 在tab切换时，重新渲染table组件：

element.on('tab(tabDemo)', function(data){
  layui.table.render({
    elem: '#tableId'
    // 其他配置项
  });
});

2. 使用iframe嵌套的方式加载不同页面，避免样式冲突：

<div class="layui-tab-item">
  <iframe src="page1.html"></iframe>
</div>
<div class="layui-tab-item">
  <iframe src="page2.html"></iframe>
</div>

3. 在table组件的配置项中添加skin属性，指定皮肤样式：

layui.table.render({
  elem: '#tableId',
  skin: 'line' // 或者 'row'，'nob'等
  // 其他配置项
});

希望这些方法能帮到你解决问题。