How to create a horizontal Grid.
Environment
| Product Version | 5.17.0 |
| Product | Progress® KendoReact |
Description
I want to create a horizontal Grid where the column headers are displayed in the first column on separate rows. In addition, the corresponding cell data of each column header should be displayed on the same row of the header.
Solution
The Grid is designed to display the data in a vertical way but you can still achieve this by transforming the data (by transposing it) in a format expected by the Grid.
The following example showcases this approach:
Example
View Source
Change Theme:
