layui中table表头样式修改方法
时间:2020-10-21 20:54:52|栏目:JavaScript代码|点击: 次
如下所示:
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修改样式。
栏 目:JavaScript代码
下一篇:webpack4 SplitChunks实现代码分隔详解
本文标题:layui中table表头样式修改方法
本文地址:http://www.codeinn.net/misctech/14487.html