MudBlazor表格行文本颜色按条件不生效问题求助

问题本质 #

MudBlazor的MudTd单元格组件自带了优先级更高的默认文本颜色样式，你通过RowStyleFunc给行设置的color属性会被单元格的样式直接覆盖，所以只有背景色能正常生效，文本颜色始终是默认的黑色。

两种可行解决办法 #

方法1：用RowClassFunc配合自定义CSS类（推荐） #

先在项目的CSS文件里定义一个类，利用CSS层级选择器精准覆盖单元格的样式：

.dark-bg-row .mud-table-cell {
    color: white;
}

然后在表格的RowClassFunc里根据你的条件返回这个类：

RowClassFunc="@((item, index) => item.Age > 30 ? "dark-bg-row" : string.Empty)"

同时保留你原来的RowStyleFunc来设置背景色：

RowStyleFunc="@((item, index) => item.Age > 30 ? "background-color: #2d3748;" : string.Empty)"

这种方式不会打乱原有样式体系，针对性更强，也方便后续扩展其他行样式。

方法2：全局设置单元格继承行的颜色 #

如果你的项目里所有表格都需要单元格继承行的颜色样式，可以在全局CSS文件中添加：

.mud-table-row .mud-table-cell {
    color: inherit;
}

之后直接用RowStyleFunc同时设置背景色和文本颜色就可以生效了：

RowStyleFunc="@((item, index) => item.Age > 30 ? "background-color: #2d3748; color: white;" : string.Empty)"

这种方式更简洁，适合需要统一行样式继承规则的场景。

内容的提问来源于stack exchange，提问作者Lisa