Blazor Grid Bound Column by Field Name

Question

I\'m studying some paid grid components and they have a pretty cool \"Bound Column\" technique:

Answer 1

It's not a trivial solution, you should to understand how Blazor works with components. Basically, the way, is to register children MyColumn "templates" on outer MyGrid component, then, render grid dynamically with a bit of reflection. Below I post the recipe ready for copy-paste, test and learn.

Step 0: Create the templated blazor demo:

dotnet new blazorserver

Step 1: Create Pages/MyColumn.razor component:

@code {
    [Parameter]
    public string Field { get; set; }

    [CascadingParameter]
    private MyGrid Parent { get; set; }    

    protected override void OnInitialized()
    {
        base.OnInitialized();        
        Parent.AddColumn(this); //register child into parent
    }
}

Step 2: Create Pages/MyGrid.razor component:

        @ChildContent
        @foreach (var item in DataSource)
        {
            @RowItem(item) 
        }
    


@code {
    [Parameter]
    public RenderFragment ChildContent { get; set; }

    [Parameter]
    public IEnumerable