layui 自动渲染_Layui表格自动渲染

该楼层疑似违规已被系统折叠 隐藏此楼查看此楼

开发工具与关键技术：Visual Studio 2015、C#

作者：曾浩源

撰写时间：2019年06月15日

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

首先是引用layui的css和js

然后在HTML内写入一个table

最后就是初始化layui表格了

一、获取到layui的table

layui.use('table', function () {

var layuiTable = layui.table;

}

二、执行渲染：

1、elem: #或. 指定原始表格元素选择器(推荐id选择器)

2、url:数据接口(控制器查询方法)当是多条件查询时，这不需要写

3、where: 条件查询，传参数(键值对)，可不写(用于一初始化就进行条件查询)

4、cols:设置表头：

cols: [[

{ field: 'id', hide: 'true'},

{ templet: ToState, title: '状态', width: 150, align: 'center' },

{ field: 'img_url', title: '图片', width: 80, align: 'center', templet: '