一、我们在开发过程中，表格无疑也是最常用到的，那么快速的制作表格和绑定数据的方法就是渲染了， 执行渲染之前，需要进行表格的数据查询，并绑定表格数据。只有把前面查询出来的数据绑定到表格里面才能进行渲染。而且需要把数据绑定到页面上去，因为数据来源于数据库，就会涉及到软件与数据库的对接。就要绑定页面数据的状态，但是在绑定数据之前，又要对数据库的数据进行截取，截取的方法就是分页了，对数据绑定完成后，就是表格的渲染了。
然后使用Layui的框架对表格进行方法渲染，因为layui渲染的表格功能很多，而且会对数据有分页的效果，在下面输入需要显示的页数，页面会自动跳转到对应的页面，所以对它的操作也相对便捷方便。
二、渲染第一步就是引入插件。
数据表格在渲染它之前，首先就要声明一个表格，接着就是执行渲染了。当然它里面也有很多有意思的属性，比如elem后面跟的就是要绑定的那个元素，但是如果写的是一个even:true就会开启隔行换景的表格样式（见图1），size用来设置表格大小，skin则可以设置表格边框的样式。这里需要注意的是，引号里面的的元素不能留空格，不然就会识别不出来。
三 、渲染主要有两个部分 1.是你要使用的主键2.渲染的具体内容
如果只需要一个渲染的内容就直接引用可以了，要是两个以上的话就要使用数组的格式引用，比如[‘layer’, ‘table’] 。
然后的第一步，就是使用elem的ID选择器选择到你的表格ID，当然高度也可以自己设置，不设置的话它也会自适应，如果表格大小不足再设置也不迟。
分页我们还是默认开启的，因为不开启的话，渲染出来的表格数据就会全部显示到一页上，且不方便查看，渲染最后面设置的每页显示条数和每页条数的选择项就会没有效果，这样查看数据的话就会在一个页面上一直翻，操作十分不方便。
Cols里面就是整个渲染最主要的部分了，这里需要注意它的括号是怎么打的。首先是一个方括号，然后里面再是一个方括号，接着就是把两个方括号一起分开，再里面的花括号才是表头
的列，注意每一个花括号的后面是用逗号分开的而不是分号。列也有很多种类，比如排列的方式，给每一个行添加序号等等，而且一些需要的且不想显示出来的ID也可以把它隐藏起来。
最后的就是分页的操作了，分页也就是底下可以进行换页操作的功能栏，用到page里面的两个属性 limit 指的是默认的行数，不设置的话默认是10行；limits设置的也是行数，不过它的是个手动选择的下拉框，需要显示多少行只需点击切换就行。