layui 动态添加表格

可以使用 layui 的表格组件来实现动态添加表格。下面是一个示例代码：

<table id="demo" lay-filter="test"></table>
<script>
  // 定义表格数据
  var data = [
    {id: 1, name: '张三', age: 20},
    {id: 2, name: '李四', age: 22},
    {id: 3, name: '王五', age: 25}
  ];
  
  // 初始化表格
  layui.use(['table'], function () {
    var table = layui.table;
    
    table.render({
      elem: '#demo',
      data: data,
      cols: [[
        {field: 'id', title: 'ID'},
        {field: 'name', title: '姓名'},
        {field: 'age', title: '年龄'}
      ]]
    });
    
    // 添加数据
    var newData = {id: 4, name: '赵六', age: 28};
    data.push(newData);
    table.reload('demo', {data: data});
  });
</script>

在上面的代码中，我们首先定义了表格数据。然后使用 layui 的 table 组件初始化表格，将数据渲染到表格中。接着，我们添加了一条新的数据，并使用 `table.reload` 方法重新加载表格数据，实现了动态添加表格的效果。