1. Feedback
  2. Blazor
  3. 56501

Welcome to the Blazor feedback portal. We’re happy you’re here! If you have feedback on how to improve the Blazor, we’d love to hear it!

  • Check out the features or bugs others have reported and vote on your favorites. Feedback will be prioritized based on popularity.
  • If you have feedback that’s not listed yet, submit your own.

Thanks for joining our community and helping improve Syncfusion products!

1
Vote

SfGrid Column Order

Hello,

I have found a problem that is bothering us in our development. We use a lot of data grids with some of the same columns. Therefore, we wanted to create separate components for these columns, which we can "enter" into the grids in a simplified way.

Our problem is that this behavior changes the order of the columns and the order after the render process does not correspond to the order in the code.


The following example shows our Issue

Home.razor:

<SfGrid TValue="Contact" DataSource="@contacts">
    <GridColumns>
        <GridColumn>
            <Template>
                <h3>Hello World </h3>
            </Template>
        </GridColumn>
        <TestColumn/>
        <GridColumn Field="@nameof(Contact.Id)" IsPrimaryKey="true"/>
        <GridColumn Field="@nameof(Contact.Name)"/>
        <GridColumn Field="@nameof(Contact.Email)"/>
        <GridColumn Field="@nameof(Contact.City)"/>
        <GridColumn Field="@nameof(Contact.Country)"/>
    </GridColumns>
</SfGrid>


TestColumn.razor

@using Syncfusion.Blazor.Grids

<GridColumn>
    <Template>
        <h3>Hello World </h3>
    </Template>
</GridColumn>



With this code we would expect the test column to render in second position of the datagrid. 
Unfortunately, this is not the case and we get the following result:

Empty


Although the custom component for the DataGrid is used in second place, the column is shown last in the DataGrid. The project is attached. 

Is there a known workarround or solution if this is 

targeted
behaviour or caused by blazor mechanisms