layui表格填充数据

在 layui 表格中填充数据，你需要先定义表格的结构，然后通过 JavaScript 动态添加数据。

首先，在 HTML 文件中引入 layui 的相关资源文件：

<link rel="stylesheet" href="https://cdn.staticfile.org/layui/2.5.7/css/layui.min.css">
<script src="https://cdn.staticfile.org/layui/2.5.7/layui.min.js"></script>

接着，在 HTML 文件中定义一个表格：

<table id="demo" lay-filter="test"></table>

然后，在 JavaScript 中初始化 layui：

layui.use('table', function(){
  var table = layui.table;
  
  // 渲染表格
  table.render({
    elem: '#demo',
    cols: [[ // 表头
      {field: 'id', title: 'ID', width: 80},
      {field: 'name', title: '姓名', width: 120},
      {field: 'score', title: '分数', width: 80},
    ]],
    data: [
      {id: 1, name: '小明', score: 90},
      {id: 2, name: '小红', score: 85},
      // 其他数据...
    ]
  });
});

在 `data` 数组中定义你要填充的数据，每个对象表示一行数据，每个属性表示一个列。