另一个要改造的系统使用了layui,改造方式如下:
斑马线:
.layui-table[lay-even] tr:nth-child(even) {
background-color: #f2f2f2
}
鼠标滑过:
.layui-table tbody tr:hover{
background-color: #8dccff
}
标题行:
.layui-table-header th {
text-align: center; /* 设置标题居中 */
font-family:Microsoft YaHei;
font-size:16px;
color: #34b6a4 !important;
font-weight: 700;
}
表格线:
.layui-table td,
.layui-table th
{
border-width: 1px;
border-style: solid;
border-color: #e6e6e6
}