layui弹出表格选择

您可以使用 layui 的 table 模块和 layer 模块来实现弹出表格选择的功能。具体实现步骤如下：

1. 在页面中引入 layui 的 table 和 layer 模块

<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/layui@2.5.6/dist/css/layui.css">
<script src="//cdn.jsdelivr.net/npm/layui@2.5.6/dist/layui.js"></script>

2. 创建一个按钮，当点击该按钮时弹出表格选择窗口

<button class="layui-btn" id="selectBtn">选择</button>

3. 编写 JavaScript 代码，在点击按钮时弹出表格选择窗口，并在选择完成后将选择的数据返回给页面

layui.use(['table', 'layer'], function(){
  var table = layui.table;
  var layer = layui.layer;
  
  // 创建表格实例
  var tableIns = table.render({
    elem: '#tableId',
    url: '数据接口地址',
    cols: [[
      { type: 'checkbox', fixed: 'left' },
      { field: 'id', title: 'ID', width: 80 },
      { field: 'name', title: '名称', width: 120 },
      { field: 'age', title: '年龄', width: 80 },
      { field: 'sex', title: '性别', width: 80 }
    ]],
    page: true,
    limit: 10,
    height: 'full-200'
  });
  
  // 点击选择按钮时弹出表格选择窗口
  $('#selectBtn').on('click', function(){
    layer.open({
      type: 1,
      title: '选择数据',
      area: ['800px', '500px'],
      content: $('#tableDiv'),
      btn: ['确定', '取消'],
      yes: function(index, layero){
        // 获取已选中的数据
        var checkData = table.checkStatus('tableId').data;
        // 将已选中的数据返回给页面
        console.log(checkData);
        layer.close(index);
      },
      btn2: function(index, layero){
        // 取消选择时关闭窗口
        layer.close(index);
      }
    });
  });
});

在上述代码中，`#tableId` 是表格的 ID，`url` 是表格的数据接口地址。`#tableDiv` 是包含表格的 div 元素。

需要注意的是，表格需要设置 `lay-filter` 属性，用于获取已选中的数据。在弹出窗口时，需要将包含表格的 div 元素作为内容传递给 `layer.open` 方法。在点击确定按钮时，可以通过 `table.checkStatus` 方法获取已选中的数据，并将其返回给页面。