Display Grid Columns Vertically

[Marius]

Is it possible to show the grid vertically as the example:

Name             Age      City
Marius           35       Kristiansand
Brian            37       Grimstad
Tom              38       Arendal

 

And show it as:

Name    Marius          Brian     Tom
Age     35              37        38
City    Kristiansand    Grimstad  Arendal

[Preslav]

Hi Marius,

To achieve the desired behavior, we have to transpose the data. An example is available in the following KB article:

• https://docs.telerik.com/kendo-ui/knowledge-base/transposed-grid

Regards,
Preslav
Progress Telerik

[Marius]

Hello Preslav

I did try this, and here is a code example: https://stackblitz.com/edit/vertical-grid 
But the data from the new array is not shown.

[Preslav]

Hi Marius,

This problem comes from the fact that we are trying to bind the Grid columns to a number field. After changing the fields to "ProductName", and removing the spaces - the grid seems to work as expected on my side:

• https://stackblitz.com/edit/vertical-grid-nctv42?file=index.js

Regards,
Preslav
Progress Telerik

[Marius]

Thank you for the prompt reply.

Under mounted, the command:
this.$refs.grid.kendoWidget().dataSource.read(); 

Did the trick, and offcourse the removal of spaces.

Thank you so much.

[Tấn Tâm]

asd