先上最终效果图：

1，引入layui的css和js文件

2，在页面放置一个table元素

3，通过 table.render() 方法指定该容器

4，这个时候你的页面差不多就是以下这个样子了

5，正文到了，怎么把表格数据渲染进去呢？

方法，在这里不做陈述，方法渲染的优点是：你可以脱离HTML文件，而专注于JS本身。尤其对于项目的频繁改动及发布，其便捷性会体现得更为明显，

layui的url默认是“get”请求，我这边是post请求，所以记得加上“method”属性为post,

6，容易碰到的问题，按理来说这个时候应该已经可以看到表格数据了，为什么大多数人的表格还是渲染不出来呢？一般是因为你妹配置后台数据格式

这个时候表格一般已经是出来了，记得，后台提供的数据格式，和layui提供的一样最好，这一点要切记，这一点大家可以去官网上看下，不做说明。

以上这篇使用layui 渲染table数据表格的实例代码就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持编程之家。