将样式应用到 MudBlzaor 组件(特别是表)的正确方法是什么?:
代码
<MudTable>
<HeaderContent>
<MudTh> Some Random Header</MudTh>
...
</HeaderContent>
<RowTemplate>
<MudTd> Some Random Content</MudTd>
</RowTemplate>
</MudTable>
问题
1:我可以以任何方式应用样式,它将应用于组件内的所有元素,在此示例中应用样式,<HeaderContent>
并且所有人<MudTh>
都会拥有它。
2:如何使用Class属性?我已经使用它<MudTh>
但它不起作用(我什至无法在检查模式下找到它,它已应用于元素但它不会出现在样式部分中)。
PS:我可以将内联样式应用于元素,但这似乎既不可行也不可扩展。
编辑
taskDetails.razor
<MudTable>
<HeaderContent>
<MudTh Class="tableHeader"><MudTableSortLabel SortBy="new Func<TaskItemDisplayModel, object>(x => x.Name)"></MudTableSortLabel>Name</MudTh>
@*<MudTh Style="font-weight:bold;"><MudTableSortLabel SortBy="new Func<TaskItemDisplayModel, object>(x => x.Name)"></MudTableSortLabel>Name</MudTh> THIS WORKS*@
taskDetails.razor.css
...
.tableHeader {
font-weight:bold;
}
...
注意 我可以在其他非 MudBlazor 元素上使用类。