layui表头样式_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表头样式修改方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我们。

本文标题: layui中table表头样式修改方法

本文地址: http://www.cppcns.com/wangluo/javascript/237222.html

layui表头样式_layui中table表头样式修改方法相关推荐

layui设置表格表头字体_layui中table表头样式修改方法
如下所示: layui.use('table', function () { var table = layui.table; table.render({ elem: '#desTable' , u ...
layui数据表格自定义复选框表头_layui中table表头样式修改方法
如下所示: layui.use('table', function () { var table = layui.table; table.render({ elem: '#desTable' , u ...
layui表头样式_js相关：layui中table表头样式修改方法
js相关:layui中table表头样式修改方法发布于 2020-7-25| 复制链接分享一篇关于layui中table表头样式修改方法,具有很好的参考价值,希望对大家有所帮助.一起跟随小妖过来看 ...
换行样式不要首行缩进_修改文档样式库中的“正文”样式，使得文档中所有正文段落首行缩进2个字符。...
问答题请在[答题]菜单下选择[进入考生文件夹]命令,并按照题目要求完成下面的操作.注意:以下的文件必须都保存在考生文件夹下.在考生文件夹下打开文档WORD．DOCX.[背景素材]为了更好地介绍公司的服 ...
Oracle数据库表中字段顺序的修改方法
Oracle数据库表中字段顺序的修改方法这篇文章主要给大家介绍了关于Oracle数据库表中字段顺序的修改方法,在介绍修改的方法之前先给大家介绍了Oracle数据库表新建字段的方法,文中通过示例代码介 ...
【学习总结】关于vue中table表头加粗与遮挡问题
table表头的修改遇到的问题解决方法详细解释遇到的问题我想实现的效果但是我实际出现的效果仔细观察,发现存在以下问题: 1.表头的背景与遮挡 2.加上边界在项目中找到了对应的界面代码, ...
element-ui中table表头错位问题
body .el-table th.gutter{display: table-cell!important; }body .el-table colgroup.gutter{display: tab ...
html怎么设置img样式,css默认样式 css中img默认样式问题
css a标签去掉默认样式是什么? 以下为css a标签去掉默认样式: a { text-decoration:none out-line: nonecolor: #*****;} 层叠样式表(英文全 ...
【转】Word样式库模板管理（从样式库中永久删除样式）
转自:https://www.cnblogs.com/onefish51/p/9488784.html 1.前言在新建的样式模板不适合或者系统自带的样式太多想删除时,通过右键当前样式,然后点击&qu ...

layui表头样式_layui中table表头样式修改方法

layui表头样式_layui中table表头样式修改方法相关推荐

最新文章

热门文章