Angular EJS如何调整e-altrow表格交替行的颜色显示顺序？

默认.e-altrow类会自动添加到表格的第2、4、6等偶数行（行索引从1开始计数），所以默认呈现白、灰、白的交替顺序，要换成灰、白、灰的顺序，可以用以下两种方案：

• 方案1：调整默认行与交替行的背景色配置
  改造成本最低，不需要修改组件其他配置，直接重写对应选择器样式即可：

/* 表格普通行默认设为灰色 */
.e-grid .e-row {
    background-color: #d1d8e2;
}
/* 交替行设为白色 */
.e-grid .e-altrow {
    background-color: #ffffff;
}

• 方案2：自定义行选择规则
  如果不想修改普通行的默认样式，可以覆盖原有交替行逻辑，自行指定奇数行变色：

/* 清空原有交替行的样式定义 */
.e-grid .e-altrow {
    background-color: inherit;
}
/* 给第1、3、5等奇数行设置灰色背景 */
.e-grid .e-row:nth-child(odd) {
    background-color: #d1d8e2;
}

内容的提问来源于stack exchange，提问作者ahmed