layui设置table的各种背景⾊添加以下内容到指定CSS⽂件,并引⼊项⽬即可⽣效
/* 偶数⾏背景⾊ */
.layui-table[lay-even] tr:nth-child(even) {
/* background-color: #aaffaa; */
background-color: #eeffee;
layui下载}
/* ⿏标指向表格时,奇数⾏背景颜⾊ */
.layui-table tbody tr:hover,.layui-table-hover {
background-color: #eeffee;
}
/* 表格头部⼯具栏背景⾊ */
.
layui-table-tool {
background-color: #eeffee;
}
/* 表格头部背景⾊ */
th {
background-color: #359f6a; /* MediumSeaGreen */
color: #fff;
font-weight: bold
}
效果如下:

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。