首先转到最终渲染：

1.介绍layui的css和js文件

Link rel='样式表' href=' lib/layui/CSS/layui . CSS ' rel='外部nofollow '脚本src=' http : lib/layui/layui . js '/script 2，在页面上放置一个表格元素

table class=' layui-hide ' id=' test ' lay-filter=' test3 '/table 3，通过table.render()方法指定容器

layui.use('table '，function(){ var table=layui . table；//var player name；//if(item！=undefined){//player name=item；//} table . render({ elem : ' # test '选择器或table容器的DOM，URL : ' http://boss . superlychee.com/rest/web/golf tourname/getgolf tournplayerbytouridandrounds '，method:'post '，其中： { tourind 3360 tourds，Rounds: rounds，playername3360 item}，cellminwidth 3360 80//常规单元格的最小宽度是全局定义的， edit3360' text'}//minwidth:本地定义当前单元格的最小宽度，layui 2.2.1 {field:'hole4 '，title: '4 '，edit: 'text'}，{field:'hole5 '，title: '5 '，edit: 'text'}，{field:'hole6 '，title: '6 '，edit: 'text'}，{ field 3360 ' Text ' 4.这时，你的页面几乎是这样的

5.当文本在这里时，如何呈现表格数据？上面的第三部分是第一种渲染方法，叫做“方法渲染”，由layui官网提供

方法的优点是，您可以从HTML文件中分离出来，并专注于JS本身。尤其是对于频繁变更发布的项目，其便利性会更加明显。

默认情况下，layui的url是一个“get”请求，而我这边是一个post请求，所以记得添加“method”属性作为post。

6.容易遇到的问题。可以合理的说，此时已经可以看到表数据了。为什么大多数人的表都不能渲染？通常是因为你姐姐配置了后台数据格式

响应： {statusname:' code'/数据状态的字段名，默认：code，statusCode: 200 //成功状态码，默认：0，msgName: 'msg' /状态信息的字段名，默认：msg，countname 3360 ' count '/总数据的字段名，默认：count，dataName: 'data' /数据列表的字段名，默认：data}此时表一般已经出来了。记住，后台提供的数据格式和layui提供的一样好。记住这一点，不用解释可以去官网看一下。

上面用layui渲染表数据表的示例代码是边肖共享的全部内容。希望能给大家一个参考，支持我们。