使用layui渲染数据表格

使用layui渲染数据表格

开发工具与关键技术：JS

作者：李宥良

撰写时间：2019年4月25日

使用layui渲染数据表格

今天教大家用layui渲染数据表格，

快速使用

我先来为大家介绍表格

简单的 HTML 表格由 table 元素以及一个或多个 tr、th 或 td 元素组成。

tr 元素定义表格行，th 元素定义表头，td 元素定义表格单元。

更复杂的 HTML 表格也可能包括
caption、col、colgroup、thead、tfoot 以及 tbody
元素

表格和边框属性

如果不定义边框属性，表格将不显示边框。有时这很有用，但是大多数时候，我们希望显示边框

正文到了，怎么把表格数据渲染进去呢？咱们下面第三部就是渲染的方法，叫“方法渲染”，layui官网提供的三种渲染方法，在这里不做陈述，方法渲染的优点是：你可以脱离HTML文件，而专注于JS本身。尤其对于项目的频繁改动及发布，其便捷性会体现得更为明显，layui的url默认是“get”请求，我这边是post请求，所以记得加上“method”属性为post,6,容易碰到的问题，按理来说这个时候应该已经可以看到表格数据了，为什么大多数人的表格还是渲染不出来呢？一般是因为你配置后台数据格式

创建一个table实例最简单的方式是，在页面放置一个元素

，然后通过 table.render() 方法指定该容器就可以了