如何从ng-grid去除斑马条纹

时间:2013-03-28 17:08:54

标签: javascript angularjs

这似乎应该是一件容易的事,但我找不到它。 ng-grid默认是斑马条纹,如何删除它?

3 个答案:

答案 0 :(得分:3)

将此添加到您的style以覆盖zebra css:

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

这会使两行都变白。将其更改为您需要的任何颜色。

答案 1 :(得分:3)

如果要在ngGrid样式表(ngGrid.css)之后的样式表中添加修改,则应采用这种方式避免丢失ngRow.selected

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

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

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

答案 2 :(得分:0)

自定义主题并添加会更好:

odd-row-background-color: null