Layui方法渲染表格

Layui方法渲染表格

 

Layui表格渲染方式有三种，下面的是其中一种（方法渲染）

方法渲染:其最大的优势在于可以脱离HTML文件，而专注于JS本身，对于项目的频繁改动及发布，其便捷性会体现得更为明显。

 

这是一个简单数据表格的样子

如何做出这样的效果？

首先需要在页面放置一个元素，然后通过table.render的方法指定该容器

 

下图为对应的JS代码，别忘引进LayuiCSS插件和JS插件

下图代码为一些配置参数

 

这时编译完成后，由于没有进行异步数据接口，表格是没有数据的

还得编译控制器的代码，在进行数据的异步请求

下图为进行了异步请求的效果

进行异步请求

 

同样，这样的表格用其余的两种方法也能做出来