MudBlazor: Mudlink in a MudTable

I am trying to customize the link of a MudLink in a MudTable.

This works:

<MudTable Items="@TicketList" > <RowTemplate> <MudTd DataLabel="Subject">@context.Subject</MudTd> </RowTemplate>
</MudTable>

But this does not: (Compiler error: The name 'context' does not exist in the current context.)

<MudTable Items="@TicketList" > <RowTemplate> <MudTd DataLabel="Subject"><MudLink Href="/ticket/Edit/@context.Id">@context.Subject</MudLink></MudTd> </RowTemplate>
</MudTable>

How do I generate the Href in the MudLink based on the row's bound data?

1 Answer

I don't see how the code you've posted could result in the error you mentioned. The error you'd get when trying <MudLink Href="/ticket/Edit/@context.Id"> is something like this: "Component attributes do not support complex content (mixed C# and markup)...". Instead, you should do: <MudLink Href="@($"/ticket/Edit/{context.Id}")">.

Here's a demo that works:

<MudTable Items="@this.tickets"> <HeaderContent> <MudTh>Id</MudTh> <MudTh>Subject</MudTh> <MudTh>Link</MudTh> </HeaderContent> <RowTemplate> <MudTd DataLabel="Id"> @context.Id </MudTd> <MudTd DataLabel="Subject"> @context.Subject </MudTd> <MudTd DataLabel="Link"> <MudLink Href="@($"/ticket/Edit/{context.Id}")">@context.Id</MudLink> </MudTd> </RowTemplate>
</MudTable>
@code { private List<Ticket> tickets = new(); protected override void OnInitialized() { this.tickets = new List<Ticket> { new() { Id = "123", Subject = "mu" }, new() { Id = "456", Subject = "foo" } }; } public class Ticket { public string Id { get; set; } public string Subject { get; set; } }
}

Try online: