Layui表格的渲染

开发工具与关键技术：VS jQuery
作者：黄海滨
撰写时间：2019年4月 16日
我们在浏览网页的时候，会看到很多各种各样的表格，今天我就来说一下layui插件里面的表格。Layui插件里面有很多样式的表格，因能力有限，只能找个最简单的表格来为大家解析一下了。

很明显可以看到，这是个非常简单的表格，而我们想要在网页上看到数据，可没那么简单喔。
首先，我们要在项目中引用layui插件，这是最重要的。接下来，就进行渲染，而渲染它是有很多中方法的，我们在这里用的是方法渲染，下面一起来看下怎么做吧。

先声明两个全局变量，第一个是用来接收数据的表格ID，第二个变量的作用是保存layui模块以便全局使用，下面就开始渲染

之所以叫方法渲染，就是用了use方法（作用是预加载），layer，table（具体的模块）就是它的参数，下面两句代码作用是获取具体的模块（layer，table两个模块），下面开始执行渲染。

他现在就用上了第二个方法，render。它有很多参数，不过主要的也就那几个，一起来看下吧

这个是指定原始表格元素选择器，推荐使用id选择器。

这个是它的数据接口，在写得时候一定要注意，最好复制，手打比较容易出错

cols它表示是表头列，radio是单选框的意思，所以第一列是单选框列，而且它还设置了左边的固定定位；第二列是序号列，title是列名；第三列是隐藏列，这里的ID就是把数据库的ID传递过来，hide是隐藏的意思，所以要把ID这列隐藏起来；剩下的两列就是具体的数据列了。

最后的这个就是表格的分页，上面的是指定每页显示的条数，下面的是每页条数的选择项，看下具体效果

就是这样啦，感谢观看。