Grid component labels

[Pablo]

Is there a way to create a Grid component where the first column has rows that are static/hard coded. i.e. in the same way that a table in excel would work with different cells on the left hand side then values across to the right for each column?

[Vessy]

Hi, Pablo,

You can achieve the desired result by Implementing a static first column by adding an unbound GridColumn (no field) that uses a custom data cell (RowHeaderCell) to inject hard‑coded labels based on the visual row index. The underlying data stays untouched; the labels are kept in a separate rowHeaderLabels array. The first column could be locked so it remains visible on horizontal scroll and excluded from the managed columnsState, while sorting/filtering are disabled for clarity. This keeps the left “descriptor” column purely presentational and independent of the dataset.

For example, you can have a similar implementation:

• https://stackblitz.com/edit/react-r6oc6shk-mhgxb35b?file=app%2Fapp.tsx,app%2Fgd-orders.ts 

Is this the scenario you are trying to achieve or are you after a different result? Can you elaborate a bit if so?

Regards,
Vessy
Progress Telerik