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

Question

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

有点像ng-repeat（ng-class =＆＃34; $ odd？＆＃39; odd＆＃39;：＆＃39; even＆＃39;）

请帮帮我。

提前致谢。

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/