如下所示：
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 //不显示尾页
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',title: '2',{field: 'logtime',width: '20%',title: '3',{field: 'lasttime',title: '4',{field: 'count',title: '5',{field: 'percent',title: '6',style: 'background-color: #5FB878; color: #fff'}
]],done: function (res,curr,count) {
$('tr').css({'background-color': '#009688','color': '#fff'});
}
});
});
done:function()方法在加载完成时回调，用jquery修改样式。
以上这篇layui中table表头样式修改方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持编程之家。
原文链接：https://www.f2er.com/js/30972.html