layui中table表头样式修改方法

时间:2021-05-26

如下所示:

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'}); } }); });

done:function()方法在加载完成时回调,用jquery修改样式。

以上这篇layui中table表头样式修改方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章