layui 自动渲染_Layui中表格的三种初始化渲染的方式

一、自动渲染

二、方法渲染

在方法table.render()内部进行渲染

render()内部有一些特殊的方法:

​ 1、elem指定原始表格元素的选择器(推荐使用id选择器);

​ 2、height:容器高度

​ 3、url数据接口相关参数,获取表格数据(做的事异步请求)

​ 4、toolbar:筛选列、导入/导出、打印

在默认情况下,单元格的内容是完全按照数据接口返回的content原样输出的,如果你想对某列的单元格添加链接或条件等其它元素,你可以借助该参数来轻松实现。这是一个非常实用且强大的功能

方法一:绑定模版选择器

给content添加一个id,再在script标签里面实现

如果自定义模版的字符量太大情况下会使用此方法

方法二:函数转义

直接在content里面添加funtion(data){}方法,其中data就是代表本列数据对象,可以对其属性进行操作

如果自定义模版的字符量适中情况下会使用此方法

方法三:直接赋值模版字符

直接在content后面添加HTML的内容,但是要用div进行包裹

如果自定义模版的字符量较少情况下会使用此方法

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值