layui 调整表格样式

引入即可

注意：

要在引入layui.css的后面引入才生效

/*layui表格样式设置*/.layui-table[lay-even] tr:nth-child(even) {background-color: #32426d;
}/*鼠标指向表格时,奇数行背景颜色*/
.layui-table tbody tr:hover, .layui-table-hover {background-color: #17295a;
}/* 表格头部工具栏背景色 */
.layui-table-tool {background-color: #32426d;
}/*设置表格单元格线样式*/
.layui-table td, .layui-table th, .layui-table-col-set, .layui-table-fixed-r, .layui-table-grid-down, .layui-table-header, .layui-table-page, .layui-table-tips-main, .layui-table-tool, .layui-table-total, .layui-table-view, .layui-table[lay-skin=line], .layui-table[lay-skin=row] {border-color: #263765; /*#bbb*/
}/*layui table 行高*/
.layui-table-cell {height: 18px;line-height: 18px;
}/* 表格头部背景色 */
th {background-color: #263765; /* MediumSeaGreen */color: #fff;font-weight: bold
}.layui-table-init{background-color: #263765;
}tr {background-color: #17295a; /* MediumSeaGreen */color: #fff;
}td {color: #fff;
}

layui 调整表格样式相关推荐

Layui 修改表格样式
使用Layui做表格显示数据时候,不要自定义表格,但是layui的css已经写好了,这个时候要改layui的css就比较麻烦,本文我总结了layui表格风格更改样式比如下面,body是紫色, 我把表 ...
php调整表格样式,表格的创建以及样式修改
实例 html> 会员管理系统 /*设置表格边框并居中对齐*/ table,tr,td,th{ border: 1px solid #576b67; margin: 20px auto; pad ...
bootstrap中斑马线表格样式中横线怎样去掉
今天在调bootstrap样式中的表格样式时发现怎样调整表格样式都不行,在js中jsp页面中都调节不动,其中最关键的是要调节bootstrap中的样式问题如图所示: 可以发现每个表格tr之间都有一条 ...
layui的表格可以动态添加行吗_答疑分享052：插入表格，数据分析更方便
置顶公众号"Office成长课堂" 和优秀的人一起成长,才能让自己更优秀职场办公Office问题,答疑分享案例: 上一期分享了答疑分享049:简单IF函数做费用预算实际数据分 ...
计算机一级表格样式在哪儿,word表格样式在哪 word表格样式在哪里
word2007中设置好正文样式怎样设置表格样式 1. 打开word(以2007为例)[开始]--> [样式],打开样式右下角的小箭头,或者alt + shift + ctrl + S,打开全部 ...
LayUI数据表格复选框显示不居中问题
LayUI数据表格复选框显示不居中问题样式(layui.css)文件中增加: .layui-table-cell .layui-form-checkbox[lay-skin="primar ...
简单使用layui完成表格
开发工具与关键技术:Visual Studio 2015 layui 作者:孙水兵撰写时间:2019年5月 15日一.layui及数据表格的简介 layui(谐音:类UI) 是一款采用自身模块规范 ...
计算机表格大小怎么调整,excel怎么调整表格大小
工作中常常需要整理Excel表格,怎样快速将一个看起来比较杂乱的表格整理成一个整齐美观的表格呢?这里总结了最常用的五招,掌握好它们,可以几分钟之内就整理好表格.图1-1图1-2 第一招记住" ...
Layui数据表格的引用
对于一些编程插件的引用,相信大多数的编程人员都不会感觉到陌生,因为在对程序开发和项目开发的过程中往往都会需要引用到插件,那么至于插件呢,也有很多种,比如: bootstrap jquery layui ...
Layui数据表格隔行变色的两种方法
开发工具与关键技术:MVC 作者:Mr_恺撰写时间:2019年7月17日 Layui数据表格隔行变色,第一种的就是layui插件里有一个自带的方法: even这个属性把它设置为:true,就开启 ...

layui 调整表格样式

layui 调整表格样式相关推荐

最新文章

热门文章