如何在MudBlazor中动态修改MudTable的SortLabel与SortDirection

问题场景 #

使用MudBlazor的MudTable实现服务端数据加载（通过ServerData属性），支持排序、搜索和筛选。现在需要在点击Refresh按钮重新加载数据时，重置表格的SortLabel和SortDirection，但直接调用ReloadServerData()不会自动重置这些状态。之前尝试重写MudTableSortLabel的onClick事件手动控制排序方向，导致TableState的排序参数无法正常更新。

解决方案 #

方法1：直接操作MudTable实例的内部状态 #

MudTable实例提供了可直接修改的CurrentSortLabel和CurrentSortDirection属性，修改后再调用ReloadServerData()即可完成重置：

private void Refresh()
{
    // 重置排序标签与方向
    itemTable.CurrentSortLabel = string.Empty;
    itemTable.CurrentSortDirection = SortDirection.None;
    // 重新加载服务端数据
    itemTable.ReloadServerData();
}

方法2：手动维护TableState（更推荐） #

通过绑定MudTable的TableState属性，自行维护完整的表格状态对象，修改状态后会自动同步表格UI和服务端请求参数：

1. 在组件中添加TableState变量并绑定到MudTable：

<MudTable @ref="itemTable" Dense="true" Hover="true" Striped="true" Bordered="true" 
          Breakpoint="Breakpoint.Sm" ServerData="@ServerReload"
          TableState="@_tableState">
    <!-- 原有表格内容保持不变 -->
</MudTable>

2. 在@code块中维护状态并实现Refresh逻辑：

private TableState _tableState = new TableState();

private void Refresh()
{
    // 重置排序状态，同时可保留分页等其他需要的状态（比如重置到第一页）
    _tableState = new TableState()
    {
        SortLabel = string.Empty,
        SortDirection = SortDirection.None,
        Page = 1
    };
    // 触发数据重载
    itemTable.ReloadServerData();
}

为什么之前的尝试无效？ #

重写MudTableSortLabel的onClick事件会覆盖组件内部绑定的排序逻辑，导致MudTable无法感知到排序状态的变化，进而TableState参数不会更新。正确的做法是通过MudTable提供的公开API或绑定属性来控制排序状态，而非直接修改子组件的事件。

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