layui中table表头样式修改方法


Posted in Javascript onAugust 15, 2018

如下所示:

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表头样式修改方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
原生JS操作网页给p元素添加onclick事件及表格隔行变色
Dec 01 Javascript
JS动态添加与删除select中的Option对象(示例代码)
Dec 25 Javascript
javascript计时器事件使用详解
Jan 07 Javascript
JavaScript中判断变量是数组、函数或是对象类型的方法
Feb 25 Javascript
jquery+ajax实现省市区三级联动效果简单示例
Jan 04 Javascript
AngularJS实现tab选项卡的方法详解
Jul 05 Javascript
Vue2 配置 Axios api 接口调用文件的方法
Nov 13 Javascript
一些手写JavaScript常用的函数汇总
Apr 16 Javascript
详解Vue底部导航栏组件
May 02 Javascript
JavaScript中BOM对象原理与用法分析
Jul 09 Javascript
js实现打字小游戏
Dec 17 Javascript
JS实现长图上下滚动效果
Mar 19 Javascript
详解redux异步操作实践
Aug 15 #Javascript
解决Layui数据表格中checkbox位置不居中的方法
Aug 15 #Javascript
Bootstrap Table列宽拖动的方法
Aug 15 #Javascript
浅谈微信JS-SDK 微信分享接口开发(介绍版)
Aug 15 #Javascript
layui结合form,table的全选、反选v1.0示例讲解
Aug 15 #Javascript
详解微信JS-SDK选择图片遇到的坑
Aug 15 #Javascript
解决layui中的form表单与button的点击事件冲突问题
Aug 15 #Javascript
You might like
用PHP书写安全的脚本代码
2012/02/05 PHP
PHP的PSR规范中文版
2013/09/28 PHP
迅速确定php多维数组的深度的方法
2014/01/07 PHP
PHP_Cooikes不同页面无法传递的解决方法
2014/03/07 PHP
ThinkPHP行为扩展Behavior应用实例详解
2014/07/22 PHP
js加解密 脚本解密
2008/02/22 Javascript
javascript操作cookie_获取与修改代码
2009/05/21 Javascript
JS多物体 任意值 链式 缓冲运动
2012/08/10 Javascript
jQuery教程 $()包装函数来实现数组元素分页效果
2013/08/13 Javascript
jquery 检测元素是否存在的实例代码
2013/11/19 Javascript
改变状态栏文字的js代码
2014/06/13 Javascript
深入浅析Node.js 事件循环
2015/12/20 Javascript
vue实现列表的添加点击
2016/12/29 Javascript
微信小程序中hidden不生效原因的解决办法
2017/04/26 Javascript
BootStrap selectpicker后台动态绑定数据
2017/06/01 Javascript
解决Angular4项目部署到服务器上刷新404的问题
2018/08/31 Javascript
解决Vue使用swiper动态加载数据,动态轮播数据显示白屏的问题
2018/09/27 Javascript
vue实现登录、注册、退出、跳转等功能
2020/12/23 Vue.js
vue-quill-editor插入图片路径太长问题解决方法
2021/01/08 Vue.js
[01:13]这,就是刀塔
2014/07/16 DOTA
[01:18]PWL开团时刻DAY4——圣剑与抢盾
2020/11/03 DOTA
Python3读取zip文件信息的方法
2015/05/22 Python
Python 对象中的数据类型
2017/05/13 Python
tensorflow如何批量读取图片
2019/08/29 Python
Django框架 Pagination分页实现代码实例
2019/09/04 Python
python nohup 实现远程运行不宕机操作
2020/04/16 Python
Python多分支if语句的使用
2020/09/03 Python
九年级英语教学反思
2014/01/31 职场文书
2014年商场超市庆元旦活动方案
2014/02/14 职场文书
实习单位评语
2014/04/26 职场文书
逃课打麻将检讨书
2014/10/05 职场文书
2014年职称评定工作总结
2014/11/26 职场文书
污染环境建议书
2015/09/14 职场文书
《一面五星红旗》教学反思
2016/02/23 职场文书
《吸血鬼幸存者》新内容发布 追加多个全新模式
2022/04/07 其他游戏
SpringBoot使用ip2region获取地理位置信息的方法
2022/06/21 Java/Android