layui导入 table

要在你的项目中使用 layui 的 table 组件，需要先引入 layui 的核心库和 CSS 文件。具体步骤如下：

1. 下载 layui：在 layui 官网下载最新版本的 layui，解压后将文件夹放到你的项目目录中。

2. 引入核心库和 CSS 文件：在 HTML 文件中引入 layui 的核心库和 CSS 文件。可以通过以下代码实现：

<!-- 引入 layui 的核心库 -->
<script src="path/to/layui.js"></script>

<!-- 引入 layui 的 CSS 文件 -->
<link rel="stylesheet" href="path/to/layui.css">

3. 引入 table 模块：在需要使用 table 组件的页面中，还需要引入 layui 的 table 模块。可以通过以下代码实现：

<!-- 引入 layui 的 table 模块 -->
<script src="path/to/layui.js"></script>
<script>
layui.use('table', function(){
  var table = layui.table;
  // 这里是 table 的初始化代码
});
</script>

4. 初始化 table：在引入 table 模块后，可以使用 table 组件的 API 对其进行初始化。例如，可以通过以下代码初始化一个简单的 table：

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

<script>
layui.use('table', function(){
  var table = layui.table;

  // 第一个实例
  table.render({
    elem: '#demo',
    height: 315,
    url: '/demo/table/user/', // 数据接口
    page: true, // 开启分页
    cols: [[ // 表头
      {field: 'id', title: 'ID', width: 80, sort: true, fixed: 'left'},
      {field: 'username', title: '用户名', width: 120},
      {field: 'sex', title: '性别', width: 80, sort: true},
      {field: 'city', title: '城市', width: 100},
      {field: 'sign', title: '签名', width: 150},
      {field: 'experience', title: '积分', width: 80, sort: true},
      {field: 'score', title: '评分', width: 80, sort: true},
      {field: 'classify', title: '职业', width: 80},
      {field: 'wealth', title: '财富', width: 135, sort: true, fixed: 'right'}
    ]]
  });
});
</script>

以上是 layui 导入 table 组件的基本步骤，你可以根据需要进行调整和修改。