本文介绍了使用Layui的方法渲染来创建数据表格，强调了这种方法在项目频繁改动时的便捷性。首先在页面设置元素，然后通过table.render方法指定容器。接着展示JS代码和配置参数，虽然初次编译后表格无数据，但通过控制器的异步请求代码，成功实现了数据填充。文章最后提到，同样的效果也可通过Layui的其他渲染方式实现。
Layui方法渲染表格
Layui表格渲染方式有三种，下面的是其中一种（方法渲染）
方法渲染:其最大的优势在于可以脱离HTML文件，而专注于JS本身，对于项目的频繁改动及发布，其便捷性会体现得更为明显。
这是一个简单数据表格的样子
如何做出这样的效果？
首先需要在页面放置一个元素，然后通过table.render的方法指定该容器
下图为对应的JS代码，别忘引进LayuiCSS插件和JS插件
下图代码为一些配置参数
这时编译完成后，由于没有进行异步数据接口，表格是没有数据的
还得编译控制器的代码，在进行数据的异步请求
下图为进行了异步请求的效果
进行异步请求
同样，这样的表格用其余的两种方法也能做出来
扫一扫
1556
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
