I am trying to achieve the desired output from my blazor page but since I am new to this stack I can't figure it out what I am missing here.
This is my current form and what I want to do is that I want the links to not be shown initially but I want to add a new dropdown icon (as the parent datagrid) and list all the items there.Also I want to check if there is only one item in my list, then there is no need for a dropdwon, it can be shown directly in the Type column.
Below is my code and what I have tried so far:
<RadzenCard style="margin: 0.5rem 0rem 0.5rem 0rem;"> @if (result.Messages.Any()) {<RadzenDataGrid Data="@result.Messages" TItem="CMessage" AllowFiltering="true" FilterMode="FilterMode.Advanced" LogicalFilterOperator="LogicalFilterOperator.Or" AllowSorting="true" AllowColumnResize="true" AllowPaging="true" PageSize="10" AllowRowSelectOnRowClick="true" ShowPagingSummary="true" ExpandMode="DataGridExpandMode.Single" PagerHorizontalAlign="HorizontalAlign.Left"><Template Context="message"><RadzenDataGrid Data="@GetDetailsList(@message.Pair.First)" TItem="Details"><Columns><RadzenDataGridColumn TItem="Details" Property="Types" Title="Source" Width="183px" /><RadzenDataGridColumn TItem="Details" Title="File One"><Template Context="detail"> @if (detail.Types == "FactValue") { @if (message.Pair.First.FactValue == null || !message.Pair.First.FactValue.Any()) {<span>No values</span> } else if (message.Pair.First.FactValue.Count == 1) { @message.Pair.First.FactValue[0] } else if (message.Pair.First.FactValue.Count > 1) {<RadzenDataGrid Data="@message.Pair.First.FactValue" TItem="string" AllowPaging="false" ExpandMode="DataGridExpandMode.Single"><Columns><RadzenDataGridColumn TItem="string" Property="@nameof(String)" Title="Value" /></Columns></RadzenDataGrid> } else {<span>Multiple values</span> } } else { @detail.DimensionName }</Template></RadzenDataGridColumn></Columns></RadzenDataGrid><RadzenDataGrid Data="@GetDetailsList(@message.Pair.Second)" TItem="Details"><Columns><RadzenDataGridColumn TItem="Details" Title="Source" Width="183px"><Template Context="item"><RadzenIcon Icon="@item.Member" Style="max-height: 0px; position: absolute; margin-top: 10px; left: 160px;" class="info-icon" /><RadzenText Text="@item.Types" TextStyle="TextStyle.Body2"></RadzenText></Template></RadzenDataGridColumn><RadzenDataGridColumn TItem="Details" Title="File Two"><Template Context="detail"> @if (detail.Types == "FactValue") { @if (message.Pair.Second.FactValue == null || !message.Pair.Second.FactValue.Any()) {<span>No values</span> } else if (message.Pair.Second.FactValue.Count == 1) { @message.Pair.Second.FactValue[0] } else if (message.Pair.Second.FactValue.Count > 1) {<RadzenDataGrid Data="@message.Pair.Second.FactValue" TItem="string" AllowPaging="false" ExpandMode="DataGridExpandMode.Single"><Columns><RadzenDataGridColumn TItem="string" Property="@nameof(String)" Title="Value" /></Columns></RadzenDataGrid> } else {<span>Multiple values</span> } } else { @detail.DimensionName }</Template></RadzenDataGridColumn></Columns></RadzenDataGrid></Template><Columns><RadzenDataGridColumn TItem="CMessage" Property="Category" Title="Category" Width="160px" /><RadzenDataGridColumn TItem="CMessage" Property="Type" Title="Type" Width="160px" /><RadzenDataGridColumn TItem="CMessage" Property="MessageText" Title="Message" /></Columns></RadzenDataGrid>