如何在MudBlazor中为Id属性所在列添加可点击链接？

要给Id列添加可点击链接，你需要把原来的PropertyColumn换成TemplateColumn，通过自定义单元格模板来渲染链接元素。推荐使用MudBlazor自带的MudLink组件（和框架主题风格保持一致），也可以用普通HTML的<a>标签，示例代码如下：

<MudDataGrid Items="@Data">
    <Columns>
        <TemplateColumn Title="Id">
            <CellTemplate>
                <!-- 使用MudLink组件，适配MudBlazor主题 -->
                <MudLink Href="@($"/item-details/{context.Item.Id}")" Color="Color.Primary">
                    @context.Item.Id
                </MudLink>

                <!-- 也可以用普通HTML链接，自行控制样式 -->
                <!-- <a href="/item-details/@context.Item.Id" class="mud-link mud-link-primary">@context.Item.Id</a> -->
            </CellTemplate>
        </TemplateColumn>
        <PropertyColumn Property="x => x.Title" Title="Title"/>
    </Columns>
</MudDataGrid>

关键说明 #

• TemplateColumn允许你完全自定义单元格的渲染内容，替代PropertyColumn的默认文本展示
• context.Item可以获取当前行的数据对象，通过它拿到Id值拼接链接地址
• 把/item-details/{context.Item.Id}替换成你实际需要跳转的路由或URL即可

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