1. 按照分组ID进行数据分组

在组件中定义groupedData参数，它是根据分组ID分组后的数据。我们可以使用LINQ将数据列表按照分组ID进行分组。

private List> groupedData;

protected override void OnInitialized()
{
    groupedData = data.GroupBy(d => d.GroupId).ToList();
}

2. 展示动态表格

使用HTML表格元素，在Blazor组件中展示动态表格。根据需要，添加样式。

        @foreach (var group in groupedData)
        {
            
            @foreach (var item in group)
            {
                
            }
        }
    

    

        

            
Group ID
            
Name
            
Value
        
    
    

                
@group.Key
            

                    

                    
@item.Name
                    
@item.Value
                

在上面的代码中，我们首先循环groupedData列表。在此列表中，每一个项都是一个组列表。为了在表格中为每个组定义标题，我们使用行跨度（colspan）属性，将表格单元格的跨度设置为所有列。

接下来，我们循环这个组中的每一项，将每一项添加到表格的下一行中。

这样，就可以在Blazor中创建动态的表格，根据分组ID分组数据。