layui table切换

您好，关于 layui table 切换，可以使用 element 模块的 tab 切换来实现。下面是一个示例代码：

HTML 代码：

<div class="layui-tab layui-tab-brief">
  <ul class="layui-tab-title">
    <li class="layui-this">表格1</li>
    <li>表格2</li>
  </ul>
  <div class="layui-tab-content">
    <div class="layui-tab-item layui-show">
      <table id="table1" lay-filter="table1"></table>
    </div>
    <div class="layui-tab-item">
      <table id="table2" lay-filter="table2"></table>
    </div>
  </div>
</div>

JavaScript 代码：

// 使用 layui.use() 方法加载模块
layui.use(['element', 'table'], function(){
  // 获取 element 和 table 模块
  var element = layui.element;
  var table = layui.table;
  
  // 监听 tab 切换的事件
  element.on('tab', function(data){
    if (data.index === 1) {
      // 如果切换到第二个 tab，加载表格2
      table.render({
        elem: '#table2',
        url: '/api/table2',
        // 其他配置项
      });
    } else {
      // 否则加载表格1
      table.render({
        elem: '#table1',
        url: '/api/table1',
        // 其他配置项
      });
    }
  });
});

在这个示例代码中，我们使用了 `element.on('tab', function(data){...})` 方法来监听 tab 切换的事件，然后根据切换的索引值来决定加载哪个表格，使用 `table.render({...})` 方法来渲染表格。需要注意的是，每个表格都要有一个唯一的 `id` 和 `lay-filter` 属性。