vue2 设置ant-table和el-table隔行变色

vue2 设置ant-table和el-table隔行变色

• ant-table

/* 奇数行 */
::v-deep .ant-table-tbody > tr:nth-child(odd) {
  background-color: transparent;
}
/* 偶数行 */
::v-deep .ant-table-tbody > tr:nth-child(even) {
  background-color: rgba(15, 166, 255, 0.26);
}

• el-table

/* 奇数行 */
::v-deep .el-table__body tr:nth-child(odd) {
  background-color: transparent;
}
/* 偶数行 */
::v-deep .el-table__body tr:nth-child(even) {
  background-color: rgba(15, 166, 255, 0.26);
}