子组件作为Blazor中的父属性

我想创造一个 DataGrid GridColumns 如下代码所示:

<DataGrid Items="@GridData">
    <DataGridColumns>
        <DataGridColumn Field="OrderId" Header="Order Id" Width="100"></GridColumn>
        <DataGridColumn Field="OrderDate" Header="Order Date" Width="120"></GridColumn>
    </GridColumns>
</DataGrid>

模板化组件定义如下:

@typeparam TItem

@functions {
    [Parameter] RenderFragment GridColumns { get; set; }
    [Parameter] IReadOnlyList<TItem> Items { get; set; }
}

到目前为止,我已经能够获取DataGridColumns属性中的内容。我的目的是 DataGridColumn 作为集合,通过循环遍历每个元素来定制HTML的呈现,但到目前为止,我还无法解决如何实现此解决方案。

所需的HTML呈现,例如:

<div>
    <colgroup>
        <col style="width: 100px;">
        <col style="width: 120px;">
    </colgroup>
    <thread>
        <tr>
            <th>
                <div style="text-align: right;">
                    <span>Order Id</span>
                </div>
            </th>
            <th>
                <div style="text-align: right;">
                    <span>Order Date</span>
                </div>
            </th>
        </tr>
    </thread>
    <!-- ... Rest of the HTML ... -->
</div>