layui中table表头样式修改方法
作者:xsjCoding
今天小编就为大家分享一篇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: '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表头样式修改方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。