layui表头样式_layui中table表头样式修改

该篇博客介绍了如何在layui框架中修改table组件的表头样式。通过使用layui的table.render方法设置cols属性,为每一列指定特定的背景色和文字颜色。同时,展示了在数据加载完成后,利用done回调函数并通过jQuery进一步全局修改所有行的样式。
摘要由CSDN通过智能技术生成

layui中table表头样式修改

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

var table = layui.table;

table.render({

elem: '#desTable'

, url: '${ctx}/alarm/queryEventShowScatter'

, even: true

, page: { //支持传入 laypage 组件的所有参数(某些参数除外,如:jump/elem) - 详见文档

layout: ['limit', 'count', 'prev', 'page', 'next', 'skip'] //自定义分页布局

//,curr: 5 //设定初始在第 5 页

, groups: 1 //只显示 1 个连续页码

, first: false //不显示首页

, last: false //不显示尾页

}

, cols: [[

{field: 'id', width: '15%', title: '1', style: 'background-color: #5FB878; color: #fff'}

, {field: 'srcip', width: '15%', title: '2', style: 'background-color: #5FB878; color: #fff'}

, {field: 'logtime', width: '20%', title

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值