如何阻止MudBlazor MudTable在移动端自动切换为卡片视图

要让MudTable在移动端保持表格布局并支持横向滚动，只需完成以下操作：

1. 关闭响应式卡片切换逻辑 #

MudTable默认会在小屏幕（Breakpoint.Sm及以下尺寸）自动切换为卡片视图，通过设置Breakpoint="Breakpoint.None"可彻底禁用该行为，强制组件始终显示表格布局：

<MudTable T="YourDataModel" Breakpoint="Breakpoint.None" Items="@yourDataSource">
    <!-- 表头定义 -->
    <HeaderContent>
        <MudTh>字段1</MudTh>
        <MudTh>字段2</MudTh>
        <MudTh>字段3</MudTh>
        <!-- 按需添加更多表头列 -->
    </HeaderContent>
    <!-- 行内容模板 -->
    <RowTemplate>
        <MudTd>@context.Field1</MudTd>
        <MudTd>@context.Field2</MudTd>
        <MudTd>@context.Field3</MudTd>
        <!-- 按需添加更多行内容列 -->
    </RowTemplate>
</MudTable>

2. 添加横向滚动容器 #

为了让表格在宽度超出移动端屏幕时支持横向滚动，需将MudTable包裹在带有overflow-x: auto样式的容器中：

<div style="overflow-x: auto;">
    <MudTable T="YourDataModel" Breakpoint="Breakpoint.None" Items="@yourDataSource">
        <!-- 表格内容 -->
    </MudTable>
</div>

可选：自定义响应式触发时机 #

若不想完全禁用卡片视图，仅希望在更小屏幕才触发切换，可调整Breakpoint属性值，比如设置为Breakpoint.Xs，仅超小屏幕会切换为卡片视图：

<MudTable T="YourDataModel" Breakpoint="Breakpoint.Xs" Items="@yourDataSource">
    <!-- 表格内容 -->
</MudTable>

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