layui数据表格的使用

（作者：郭鑫 撰写时间：2019年5月13号）

layui（谐音：类UI) 是一款采用自身模块规范编写的前端 UI 框架，遵循原生 HTML/CSS/JS 的书写与组织形式，门槛极低，拿来即用，非常方便，在开发的时候会经常用到，特别是里面的数据表格，既方便又不失美观。用这个数据表格就四个步骤：“引用插件——创建一个装表格的“画板”——“画”表格——查数据，放到数据表格”。

 

第一步：引用；

引用一共要引用两个插件，一个是构建CSS样式的css文件，一个是表格功能的JS文件，引用如下

CSS引用：<link href="~/Plugins/layui/css/layui.css" rel="stylesheet" />

JS 引用：<script src="~/Plugins/layui/layui.js"></script>

 

第二步：在页面上构建一个盒子，存放接下来要生成的表格；