layui.table的总结

本文详细介绍了layui.table组件的使用方法,包括如何创建table实例、设置表头参数、添加额外元素到列、配置表格外观及刷新数据。同时,还探讨了事件监听的实现,帮助开发者更好地掌握layui.table的各项功能。
摘要由CSDN通过智能技术生成

layui.table

1.创建一个table实例,<table id ="demo1>,然后通过table.render()方法指定该容器。且该方式是方法渲染。
2.
col:
(1)方法渲染:表头参数在数组里
(2)自动渲染:表头参数在标签里
templet: 对某列添加其他元素,例如删除、编辑。
template:function(e){
// e:接口返回的所有字段和数据
}
3.defaultToolbar::头部工具栏右侧的图标和按钮,默认:[‘filter’,‘export’,‘print’]
4.表格外观:
skin:默认
even:隔行背景
size:尺寸
5.表格刷新:包括数据请求和基础参数的读取。
table.reload(ID,options) 所有方式的渲染
tableIns.reload(options) 仅限方法级渲染
6.事件监听:监听的全部都是table模块的容器,如果指定某一容器,用事件过滤器。
table.on(‘event(filter)’,callback) filter是lay-filter设定的值。

监听头部工具栏事件:属性为lay-event = ''的元素的值。

困惑点:
项目中的table.reload(table下lay-filter的值)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值