另一个要改造的系统使用了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
}