layui.table数据表格的使用

作者：李光辉
撰写时间：2019.4.22

通常情况下，根据给定的查询条件对数据库进行查询，然后将查询出来的数据用数据表格显示到页面上，以便于对数据的观察和进行操作。

简单介绍一下：table数据表格

它用于对表格进行一些列功能和动态化数据操作，涵盖了日常业务所涉及的几乎全部需求。支持固定表头、固定行、固定列左/列右，支持拖拽改变列宽度，支持排序，支持多级表头，支持单元格的自定义模板，支持对表格重载（比如搜索、条件筛选等），支持复选框，支持分页，支持单元格编辑等等一些列功能。

使用table
数据表格需要引用一下layui插件

用实例来演示一下如何加载和初始化layui表格：如果你采用的是方法渲染，cols 是一个二维数组，表头参数设定在数组内；如果你采用的自动渲染，表头参数的设定应放在 标签上。

URL：接口地址。默认会自动传递两个参数：?page=1&limit=30（该参数可通过 request
自定义） page 代表当前页码、limit 代表每页数据量。

绑定容器、设置数据接口、在表头设定对应的字段，同时注意在使用之前需要声明一下：var layer, layuiTable;

基本的常用功能如下：