如何使 MudBlazor MudDataGrid 水平滚动可用，而不必首先垂直滚动到 MudDataGrid 显示行的底部？

Question

在 MudBlazor MudDataGrid 中，水平滚动不可用，除非使用垂直滚动滚动到 MudDataGrid 中显示行的底部。然后，一旦水平滚动可用，用户必须向右滚动以显示所需的列，但随后用户需要垂直向上滚动回到他们需要查看的行。

如何使 MudBlazor MudDataGrid 水平滚动始终可用？

Answer 1

您应该能够通过将 HorizontalScrollbar 设置为 true 并向数据网格添加一个类来解决此问题：

@* Adding HorizontalScrollbar and Class properties *@
<MudDataGrid Items="@_items" HorizontalScrollbar="true" Class="data-grid-css">
    <Columns>
        <Column T="Model" Field="Column1" />
        <Column T="Model" Field="Column2" />
        <Column T="Model" Field="Column3" />
        <Column T="Model" Field="Column4" />
        <Column T="Model" Field="Column5" />
        <Column T="Model" Field="Column6" />
        <Column T="Model" Field="Column7" />
        <Column T="Model" Field="Column8" />
        <Column T="Model" Field="Column9" />
    <Column T="Model" Field="Column10" />
    </Columns>
</MudDataGrid>

您可以使用 css 控制大小：

.data-grid-css {
    max-height: 50vh;
    max-width: 50vw;
    overflow: scroll;
}