We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Is it possible to assign data fields to rows instead of columns?


I have the following code.

@code {

    public List<VOR_Data> VOR_Datas = new List<VOR_Data>();

    protected override void OnInitialized()


        VOR_Datas.Add(new VOR_Data(0.0, 0.0, 0.0, 0.0));

        VOR_Datas.Add(new VOR_Data(45.0, 0.0, 0.0, 0.0));

        VOR_Datas.Add(new VOR_Data(90.0, 0.0, 0.0, 0.0));


    public class VOR_Data


        public VOR_Data(double alphaRx, double alphaMesure, double erreur, double tdm30Hz)


            AlphaRx = alphaRx;

            AlphaMesure = alphaMesure;

            Erreur = erreur;

            Tdm30Hz = tdm30Hz;


        public double AlphaRx { get; set; }

        public double AlphaMesure { get; set; }

        public double Erreur { get; set; }

        public double Tdm30Hz { get; set; }



Which gives the following result.

But what I need is something as shown below.

So I need to have the headers on the left and the data displayed in columns instead of rows.

Is it possible to achieve this with the DataGrid component?

Thank you

1 Reply

KG Keerthana Ganesan Syncfusion Team December 2, 2022 12:26 PM UTC

Hi Bertrand,

Thanks for contacting Syncfusion support.

We have analyzed your query and we suspect that you want to render a Transposed Grid (inverted rows and columns). We do not have direct support for transposed Grid, but we can achieve your requirement to display the Transposed Grid using the ColumnTemplate feature of the Grid.

Refer to the below code example.

<SfGrid TValue="ExpandoObject" GridLines="GridLine.Horizontal" RowHeight="60" Width="auto" DataSource="@Transposed" AllowSelection="false" EnableHover="false">


        @foreach (var col in Cols)


            <GridColumn Field="@col">



                        dynamic data = (context as ExpandoObject);









Refer the below screenshot for your reference

Refer to our UG documentation for your reference



Please get back to us if you have further queries.



Live Chat Icon For mobile
Up arrow icon