You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何实现FluentUI Blazor中TemplateColumn的排序功能?

解决TemplateColumn排序失效的简化方案

你遇到的问题核心在于:TemplateColumn不像PropertyColumn那样自动关联排序的数据源字段,仅设置Sortable="true",系统无法识别该依据哪个属性执行排序逻辑。

无需额外创建按钮或编写事件处理代码,只需要给TemplateColumn添加SortExpression属性,绑定到对应的实体属性即可实现排序:

<!-- UserName Column -->
<TemplateColumn Title="UserName" Sortable="true" SortExpression="@(p => p.UserName)">
    <CellTemplate Context="context">
        @if (context.IsEditing)
        {
            <input type="text" @bind="context.UserName" style="width: 100%;" />
        }
        else
        {
            @context.UserName
        }
    </CellTemplate>
</TemplateColumn>

通过SortExpression明确指定排序依据的属性后,点击列标题就能像PropertyColumn一样触发自动排序逻辑,完全满足简化实现的需求。

内容的提问来源于stack exchange,提问作者gal mor

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.19 10:50:53