【无标题】

Layui表格常用操作

Layui框架是我们熟悉的框架之一，简单的组件自不用说，但要是想玩的话有的组件也能玩得很花，在这其中的数据表格组件的操作更是丰富：
1， 列宽自动分配：cellMinWidth全局定义常规单元格的最小宽度width 支持：数字、百分比和不填写。你还可以通过 minWidth 参数局部定义当前单元格的最小宽度
2， 绑定列工具条通常你需要在表格的每一行加上 查看、编辑、删除 这样类似的操作按钮，而 tool 参数就是为此而生，你因此可以非常便捷地实现各种操作功能toolbar 对应的模板，它可以存放在页面的任意位置
我们可以借助 table模块的工具条事件，完成不同的操作功能

3， 自定义文本: table 模块会内置一些默认的文本信息，如果想修改，你可以设置以下参数达到目的

4， 获取选中行: 该方法可获取到表格所有的选中行相关数据 语法：table.checkStatus(‘ID’)，其中 ID 为基础参数 id 对应的值（见：设定容器唯一ID）

5, 重置表格尺寸: 该方法可重置表格尺寸和结构，其内部完成了：固定列高度平铺、动态分配列宽、容器滚动条宽高补丁 等操作。它一般用于特殊情况下（如“非窗口 resize”导致的表格父容器宽度变化而引发的列宽适配异常），以保证表格在此类特殊情况下依旧能友好展示。 语法：table.resize(‘ID’)，其中 ID 为基础参数 id 对应的值（见：设定容器唯一ID）

6, 表格重载:
(1) 自动化渲染的重载:

(2) 方法级渲染的重载:

7, 导出任意数据: 尽管 table 的工具栏内置了数据导出按钮，但有时你可能需要通过方法去导出任意数据，那么可以借助以下方法： 语法：table.exportFile(id, data, type)

该方法也可以不用依赖 table 的实例，可直接导出任意数据：

8,事件监听:
事件监听语法：table.on(‘event(filter)’, callback); 注：event为内置事件名，filter为容器lay-filter设定的值 table模块在Layui事件机制中注册了专属事件，如果你使用layui.onevent()自定义模块事件，请勿占用table名。目前所支持的所有事件见下文 默认情况下，事件所监听的是全部的table模块容器，但如果你只想监听某一个容器，使用事件过滤器即可。 假设原始容器为：

那么你的事件监听写法如下：
(1) 监听复选框选择:
点击头部工具栏区域设定了属性为 lay-event="" 的元素时触发
(2) 监听单元格编辑:
点击复选框时触发，回调函数返回一个object参数，携带的成员如下：

(3) 监听行单双击事件:

(4) 监听行中工具条点击事件: 点击表头排序时触发，它通用在基础参数中设置 autoSort: false 时使用，以完成服务端的排序，而不是默认的前端排序。该事件的回调函数返回一个 object 参数，携带的成员如下