blazor - MudBlazor DataGrid 列标题不是粗体

Question

我使用的是 mudblazor 6.10.0。我有一个 MudDataGrid，一切正常，但列标题不像示例中那样粗体。我的网格定义如下

 <MudDataGrid T="Range" MultiSelection="true" FilterCaseSensitivity="DataGridFilterCaseSensitivity.CaseInsensitive" Items="@_carRanges" SortMode="SortMode.Multiple" Dense ="true"
             QuickFilter="@QuickFilter" ColumnResizeMode="@(ResizeMode.Column)" DragDropColumnReordering="true" Striped="true" FilterMode="DataGridFilterMode.ColumnFilterRow">
        <ToolBarContent>
            <MudTooltip Text="Add Range">
                <MudFab id="Add-CarRange" Color="Color.Tertiary" Size="Size.Medium" StartIcon="@Icons.Material.Filled.Add" Href="feerangesave/0" />
            </MudTooltip>
            <MudTextField @bind-Value="SearchString" Placeholder="Search" Adornment="Adornment.Start" Immediate="true"
                      AdornmentIcon="@Icons.Material.Filled.Search" IconSize="Size.Medium" Class="mt-0"></MudTextField>
        </ToolBarContent>
        <Columns>
            <PropertyColumn Property="x => x.Name" Title="name" Resizable="true" Filterable="true" />

            <PropertyColumn Property="x => x.MinRange" Title="Min Range" Resizable="true" Filterable="true" Format="N0" CellStyle="text-align: right"/>
            <PropertyColumn Property="x => x.MaxRange" Title="Max Range" Resizable="true" Filterable="true" Format="N0" CellStyle="text-align: right"/>
        </Columns>
    </MudDataGrid>

在 MainLayout.cs 中我有以下内容

 <MudDialogProvider/>
    <MudThemeProvider />
    <MudLayout>
        <MudAppBar Elevation="1" Dense="true" Color="MudBlazor.Color.Info">
            <MudIconButton Icon="@Icons.Material.Filled.Menu" Edge="Edge.Start" OnClick="@ToggleDrawer" />
            <MudSpacer />
            <MudText Typo="Typo.h5" Color="MudBlazor.Color.Default" Style="color: white;">@Heading</MudText>
        </MudAppBar>
        <MudDrawer @bind-Open="@_menuOpen" ClipMode="_clipMode" Elevation="1" Variant="@DrawerVariant.Responsive">
            <NavMenu />
        </MudDrawer>
        <MudMainContent>
            <CustomErrorBoundary>
                <div class="content px-4">
                    @Body
                </div>
            </CustomErrorBoundary>
        </MudMainContent>
    </MudLayout>

Answer 1

您始终可以使用 PropertyColumn.HeaderStyle 属性手动为其添加样式。 即

<PropertyColumn Title="MyPos" HeaderStyle="font-weight:900;font-size:2rem;" Property="x => x.Position" />

尽管如此，正如 @maciek 在评论中提到的，您应该首先尝试找到什么覆盖了您的风格。