layui table渲染说明记录

这篇博客详细介绍了如何利用表格组件进行数据渲染,包括设置表格高度、数据接口、请求头、参数、分页、表头定义以及数据处理方法。在数据渲染完成后,还隐藏了特定列并进行了数据解析。此内容对于前端开发人员理解如何操作和展示数据具有指导意义。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

记录主要使用的table 的属性

table.render({
elem: '#demo'
, height: 500
, url: url //数据接口
,header:{}//请求头,
,where:data//参数
,defaultToolbar:['filter','exports'],
, page: true //开启分页
, cols: [[ //表头
{ field: 'ID', title: 'ID', sort: true, unresize: true }
, { field: 's', title: '开始时间', unresize: true}
, { field: 'e', title: '添加时间', unresize: true }
, { field: 'dese', title: '得分', unresize: true }
]],
done:function(){
	//数据已经渲染完了
	$("[data-field='dese]").css('display','none')
},
parseData:function(resp){
	//对接受的数据处理
}
});
});
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值