Layui的内置模块 —— 数据表格:
之前提及过一下数据表格的渲染，今天就来仔细的介绍一下Layui的数据表格。
三种初始化渲染方式
方式 机制 适用场景
01.方法渲染 用JS方法的配置完成渲染 （推荐）无需写过多的 HTML，在JS中指定
原始元素，再设定各项参数即可。
02.自动渲染 HTML配置，自动渲染 无需写过多JS，可专注于HTML表头部分
03.转换静态表格 转化一段已有的表格元素 无需配置数据接口，在JS中指定表格元素，
并简单地给表头加上自定义属性即可
- 方法渲染：
table.render()方法返回一个对象：var tableIns = table.render(options)，可用于对当前表格进行“重载”等操作
2.自动渲染：
所谓的自动渲染，即：在一段 table 容器中配置好相应的参数，由 table 模块内部自动对其完成渲染，需要注意的是以下三点：
1.带有 class=“layui-table” 的
标签。2.对标签设置属性 lay-data="" 用于配置一些基础参数
3.在标签中设置属性lay-data=""用于配置表头信息
3.表格重载
很多时候，你需要对表格进行重载。比如数据全局搜索。
语法 说明 适用场景
table.reload(ID, options) 参数 ID 即为基础参数id对应的值，
见：设定容器唯一ID 所有渲染方式
参数 options 即为各项基础参数
注意：该方法为 2.1.0 版本中新增
tableIns.reload(options) 对象 tableIns 来源于 table.render()方法
的实例 参数 options 即为各项基础参数 仅限方法级渲染
我们一般使用第2种方法，如图：
下面是模板：
4.基础参数一览表
基础参数有很多，有必选也有可选，结合你的实际需求自由设定。在这里重点说3个很重要的参数。
elem 指定原始 table 容器的选择器或DOM，方法渲染方式必填 。
cols 设置表头。值是一个二维数组。方法渲染方式必填。
url 异步数据接口相关参数。其中url参数为必填项。
剩下的参数如果有需要可以去Layui官网上进行查找。
5.表头参数一览表
在这里重点介绍一个表头参数自定义列模板。
templet 自定义列模板，模板遵循 laytpl 语法。这是一个非常实用的功能，你可借 助它实现逻辑处理，以及将原始数据转化成其它格式，如时间戳转化为日期字符等。
设计自定义模板：