How to remove zebra striping from ng-grid

Question

How to remove zebra striping from ng-grid

Seems like this should be an easy thing to do, but I'm not finding it. An ng-grid is zebra striped by default, how do I remove it?

javascript
angularjs

Answer 1

Add this to your style to override the zebra css:

<style>
    .ngRow.even {
        background-color: rgb(255, 255, 255);
    }
    .ngRow.odd {
        background-color: rgb(255, 255, 255);
    }
</style>

This will make both rows white. Change it to whatever color you need.

Answer 2

If you are going to add the modifications in a stylesheet after the ngGrid stylesheet (ngGrid.css), you should do it this way for avoiding losing ngRow.selected class

.ngRow.even {
    background-color: #ffffff;
}

.ngRow.odd {
    background-color: #ffffff;
}

.ngRow.selected {
    background-color: #BDD5FF;
}