layui中table表头样式修改方法

 更新时间:2018年08月15日 09:37:50   作者:xsjCoding  
今天小编就为大家分享一篇layui中table表头样式修改方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

如下所示:

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中的执行上下文

    详解JavaScript中的执行上下文

    执行上下文是JavaScript中非常重要的概念,它决定了代码的执行顺序和作用域链等重要信息,下面我们就来深入探讨JavaScript执行上下文的概念和工作原理吧
    2023-07-07
  • js中开关变量使用实例

    js中开关变量使用实例

    本文主要分享了js中开关变量使用实例的代码,具有很好的参考价值,下面跟着小编一起来看下吧
    2017-02-02
  • JavaScript call apply使用 JavaScript对象的方法绑定到DOM事件后this指向问题

    JavaScript call apply使用 JavaScript对象的方法绑定到DOM事件后this指向问题

    JavaScript对象与DOM对象进行绑定会遇到一个问题:如果被绑定的对象的方法中包含this关键字,当事件被触发时this指向的却是DOM对象,而不是之前的JS对象。
    2011-09-09
  • bootstrap与pagehelper实现分页效果

    bootstrap与pagehelper实现分页效果

    这篇文章主要为大家详细介绍了bootstrap与pagehelper实现分页效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-12-12
  • js CSS3实现卡牌旋转切换效果

    js CSS3实现卡牌旋转切换效果

    这篇文章主要为大家详细介绍了js CSS3实现卡牌旋转切换效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-07-07
  • js改变html的原有内容实现方法

    js改变html的原有内容实现方法

    下面小编就为大家带来一篇js改变html的原有内容实现方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-10-10
  • 页面使用密码保护代码

    页面使用密码保护代码

    这是一个由JS实现的网页密码保护代码,在进入网页前需要在弹出框中输入密码才可以,不过现在不怎么用了,一般情况下,目前都在后台处理这种功能,用户输入用户名和密码后交给服务器处理,然后再返回信息,若登录无误就可看到某些内容
    2013-04-04
  • JS查找字符串中出现次数最多的字符

    JS查找字符串中出现次数最多的字符

    本文给大家带来两种js中查找字符串中出现次数最多的字符,在这两种方法中小编推荐使用第二种,对js查找字符串出现次数的相关知识感兴趣的朋友一起看看吧
    2016-09-09
  • javascript客户端生成MD5值的函数代码

    javascript客户端生成MD5值的函数代码

    用js实现的客户端即可实现md5值的代码,一般情况下都是后台语言才有的,客户端也有了,方便有需要的朋友了。
    2011-02-02
  • 使用JavaScript 定义自己的ajax函数

    使用JavaScript 定义自己的ajax函数

    这篇文章主要为大家介绍了JavaScript定义ajax函数,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能够给你带来帮助<BR>
    2021-11-11

最新评论