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

在layui中,可以使用table模块自定义表格的样式。以下代码展示了如何修改table表头的颜色,将所有列的背景色设置为#5FB878,文字颜色设为#fff。同时,通过done回调进一步全局改变所有行的背景色和文字颜色。
摘要由CSDN通过智能技术生成

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: '3', style: 'background-color: #5FB878; color: #fff'}

, {field: 'lasttime', width: '20%', title: '4', style: 'background-color: #5FB878; color: #fff'}

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

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

]],

done: function (res, curr, count) {

$('tr').css({'background-color': '#009688', 'color': '#fff'});

}

});

});

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值