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表头样式修改方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。
热门推荐
10 八一幼儿祝福语大全简短
11 公司乔迁食堂祝福语简短
12 婚礼结束聚餐祝福语简短
13 儿媳买车妈妈祝福语简短
14 毕业送礼老师祝福语简短
15 同事辞职正常祝福语简短
16 恭贺新婚文案祝福语简短
17 金店立秋祝福语简短英文
18 婆婆高寿祝福语大全简短