DataGrid Render using dynamic column binding & data binding

The issue you're facing might be due to the way you are trying to bind dynamic data structures like dictionaries to strongly typed components. When you specify TItem="Dictionary", the compiler tries to infer properties from Dictionary, which is not a strongly typed class with predefined properties.

So you need to provide a strongly typed class or structure that Blazorise DataGrid can use to infer the properties.

This is what i have already done & giving the same error as i posted before

// Assuming ControlSettings class has properties for COLUMN_NAME and COLUMN_CAPTION
public class ControlSettings
{
    public string COLUMN_NAME { get; set; }
    public string COLUMN_CAPTION { get; set; }
    // Add other necessary properties if needed
}

// Your component class
@page "/your-page"

@code {
    // Sample data for ControlSettings, replace this with your actual data
    public List datagrid = new List
    {
        new ControlSettings { COLUMN_NAME = "LOC", COLUMN_CAPTION = "Location" },
        // Add more rows as needed
    };

    // Sample data for the grid, replace this with your actual data
    List> gridData = new List>
    {
        new Dictionary
        {
            {"LOC", "Value1"},
            // Add more key-value pairs for other columns
        },
        // Add more rows as needed
    };
}


    
        @foreach (var column in datagrid)
        {
            
        }
    

try this code snippet.