在小导航器大小下按行项条件更改MudBlazor表背景颜色

Question

我成功地更改了与表项条件相关的MudBlazor表中一行的颜色(后面的链接)。但是，当导航器很小的时候，背景颜色(白色)不受影响。

<MudTable ... RowClassFunc="@SelectedRowClassFunc">
...
</MudTable


private string RowStyleFunc(CommandeDTO cmd, int index)
{
if (cmd != null && cmd.GetEtatCommande() == EnumEtatTable.Prete)
return "background-color:#FFCDD2";
if (cmd != null && cmd.GetEtatCommande() == EnumEtatTable.EnAttente)
return "background-color:#FFECB3";
return "background-color:blue";
}

如何使这种情况影响小尺寸和移动导航?

Answer 1

小心，您在这里尝试使用RowClassFunc。你应该传递给它的不是样式，而是css类的名称。如果你想保持你在RowStyleFunc方法中的实现，你应该在Razor模板中使用RowStyleFunc而不是RowClassFunc。

<MudTable ... RowStyleFunc="RowStyleFunc">
...
</MudTable


private string RowStyleFunc(CommandeDTO cmd, int index)
{
if (cmd != null && cmd.GetEtatCommande() == EnumEtatTable.Prete)
return "background-color:#FFCDD2";
if (cmd != null && cmd.GetEtatCommande() == EnumEtatTable.EnAttente)
return "background-color:#FFECB3";
return "background-color:blue";
}