如何更改 ui-grid 中交替行的颜色？

Question

我是 AngularJS 的新手。 如何使用gridOptions将 ng-class 应用于 ui-grid 中的交替行？

这有点像

ng-repeat (ng-class="$odd ? 'odd' : 'even')

Answer 1

您可以使用自定义 css 实现这一点：

奇数行

.ui-grid-row:nth-child(2n) .ui-grid-cell {
   background-color: //color you desire;
}

Answer 2

您可以使用 CSS 更改颜色：

.ui-grid-row:nth-child(odd) .ui-grid-cell {
    background-color: yellow;
}

.ui-grid-row:nth-child(even) .ui-grid-cell {
    background-color: blue;
}

您也可以在此处获取 CSS 并尝试更改其他 ui-grid 样式：

http://ui-grid.info/customizer/