How to create a horizontal Grid.

Environment

Product Version	5.17.0
Product	Progress® KendoReact Grid

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:

Change Theme

Theme

Loading ...