从表格中删除边框并为交替行添加颜色？ [关闭]

Question

删除表格的边框和要添加到备用行的颜色。

这是我的代码： https://stackblitz.com/angular/dnbermjydavk?file=app%2Ftable-overview-example.ts.

Answer 1

老实说，您的要求不太清楚，可能是由于语言障碍，但我已经解释说您希望：

• 从行中删除边框
• 为交替行提供不同的背景颜色

在此基础上，以下 CSS 规则应该会有所帮助：

mat-row:nth-child(odd) {
        background: #eee;
}

mat-row.mat-row.ng-star-inserted {
    border: 0;
}

根据需要更改背景颜色（因为与黄色文本发生冲突）。删除边框时需要更具体一点，因为这是在继承的样式表中设置的（可能来自您正在使用的主题），所以我在参考中提供了更多细节，而不是懒惰的 !important 后缀.

这会导致以下结果：

如果要从表格中移除阴影边框，请添加以下内容：

.example-container.mat-elevation-z8 {
    box-shadow: none;
}