Layui数据表格之自定义模板

开发工具与关键技术：VS、layui

作者：陆桂超

撰写时间：2019年6月4日

Layui插件是现在比较主流的一个前端 UI 框架，很适合界面的快速开发。Layui里面包含了很多个模块，这里我要讲解的是数据表格模块中的自定义模板。数据表格模块作为一个大模块，它里面自然少不了各个大大小小的模板，自定义模板作为数据表格模块的成员之一，它的作用是对表格进行个性化操作。以达到自己所需要的效果。这里我通过一个小例子来简述数据模块的使用。我用到的开发工具是VS，编程语言是C#,和MVC开发框架。

1、 使用layui之前少不了的就是引用layui的css和js的脚本文件。

2、 把layui引进后，像这样如果是使用数据表格模块的，要初始化表格。

layui.use([‘模块1’, ‘模块2’,’…….’], function () {
//表格初始化
表格名称 = layuiTable.render({
})
});

模块1和模块2就是添加模块名称的，当然，根据实际情况还可以添加更多的模块。

真实项目模块使用如下截图。

打了红色下划线的就是数据表的自定义操作列，templet是函数方法。

3、
除了在初始化中添加templet操作列&