样式:
- 首先,根据layui官方文档,制作出表格(包括样式,此处代码省略)
- 返回后端的数据(这是在没有重载的情况下查询了表中所有的数据)
<table class="layui-hide" id="demo" lay-filter="test"></table>
layui.use(['laypage', 'table', 'element'], function () {
var table = layui.table //表格
, laypage = layui.laypage //分页
, laydate = layui.laydate //日期
, element = layui.element//元素操作
//优惠政策表格
table.render({
elem: '#demo' //引用对象
, height: 521
, url:*********//数据接口**代表访问的后端链接
, method: 'get',
//返回的数据
parseData: function (res) {
if (res.length == 0) {
return {
"code": 0, //解析接口状态
"msg": "", //解析提示文本
"data": res
}
}
else {
return {
"code": 0, //解析接口状态
"msg": "", //解析提示文本
"count": res[0].total, //解析数据长度