layui中table表頭樣式修改方法
更新時(shí)間：2018年08月15日 09:37:50 作者：xsjCoding
今天小編就為大家分享一篇layui中table表頭樣式修改方法，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧
如下所示：
layui.use('table', function () {
var table = layui.table;
table.render({
elem: '#desTable'
, url: '${ctx}/alarm/queryEventShowScatter'
, even: true
, page: { //支持傳入 laypage 組件的所有參數(shù)（某些參數(shù)除外，如：jump/elem） - 詳見文檔
layout: ['limit', 'count', 'prev', 'page', 'next', 'skip'] //自定義分頁布局
//,curr: 5 //設(shè)定初始在第 5 頁
, groups: 1 //只顯示 1 個(gè)連續(xù)頁碼
, 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()方法在加載完成時(shí)回調(diào)，用jquery修改樣式。
以上這篇layui中table表頭樣式修改方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
執(zhí)行上下文是JavaScript中非常重要的概念，它決定了代碼的執(zhí)行順序和作用域鏈等重要信息，下面我們就來深入探討JavaScript執(zhí)行上下文的概念和工作原理吧2023-07-07
本文主要分享了js中開關(guān)變量使用實(shí)例的代碼，具有很好的參考價(jià)值，下面跟著小編一起來看下吧2017-02-02
JavaScript call apply使用 JavaScript對象的方法綁定到DOM事件后this指向問題
JavaScript對象與DOM對象進(jìn)行綁定會遇到一個(gè)問題：如果被綁定的對象的方法中包含this關(guān)鍵字，當(dāng)事件被觸發(fā)時(shí)this指向的卻是DOM對象，而不是之前的JS對象。2011-09-09
bootstrap與pagehelper實(shí)現(xiàn)分頁效果
這篇文章主要為大家詳細(xì)介紹了bootstrap與pagehelper實(shí)現(xiàn)分頁效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-12-12
js CSS3實(shí)現(xiàn)卡牌旋轉(zhuǎn)切換效果
這篇文章主要為大家詳細(xì)介紹了js CSS3實(shí)現(xiàn)卡牌旋轉(zhuǎn)切換效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-07-07
js改變html的原有內(nèi)容實(shí)現(xiàn)方法
下面小編就為大家?guī)硪黄猨s改變html的原有內(nèi)容實(shí)現(xiàn)方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-10-10
這是一個(gè)由JS實(shí)現(xiàn)的網(wǎng)頁密碼保護(hù)代碼，在進(jìn)入網(wǎng)頁前需要在彈出框中輸入密碼才可以，不過現(xiàn)在不怎么用了，一般情況下，目前都在后臺處理這種功能，用戶輸入用戶名和密碼后交給服務(wù)器處理，然后再返回信息，若登錄無誤就可看到某些內(nèi)容2013-04-04
本文給大家?guī)韮煞Njs中查找字符串中出現(xiàn)次數(shù)最多的字符，在這兩種方法中小編推薦使用第二種，對js查找字符串出現(xiàn)次數(shù)的相關(guān)知識感興趣的朋友一起看看吧2016-09-09
用js實(shí)現(xiàn)的客戶端即可實(shí)現(xiàn)md5值的代碼，一般情況下都是后臺語言才有的，客戶端也有了，方便有需要的朋友了。2011-02-02
這篇文章主要為大家介紹了JavaScript定義ajax函數(shù)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助<BR>2021-11-11