您好,登錄后才能下訂單哦!
如下所示:
layui.use('table', function () { var table = layui.table; table.render({ elem: '#desTable' , url: '${ctx}/alarm/queryEventShowScatter' , even: true , page: { //支持傳入 laypage 組件的所有參數(shù)(某些參數(shù)除外,如:jump/elem) - 詳見(jiàn)文檔 layout: ['limit', 'count', 'prev', 'page', 'next', 'skip'] //自定義分頁(yè)布局 //,curr: 5 //設(shè)定初始在第 5 頁(yè) , groups: 1 //只顯示 1 個(gè)連續(xù)頁(yè)碼 , first: false //不顯示首頁(yè) , last: false //不顯示尾頁(yè) } , 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()方法在加載完成時(shí)回調(diào),用jquery修改樣式。
以上這篇layui中table表頭樣式修改方法就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持億速云。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。