layui中table表头样式修改方法
如下所示：
layui.use('table',function(){
vartable=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表头样式修改方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。