Incorrect index returned in GridColumnResizeEvent

[Devender]

I have a master-detail grid and I've enabled column resizing.

I've noticed that when a column resize event is triggered on the master grid (i.e. the one that contains the expand/collapse HierarchyCells), the index field returned from this event is out by 1 when compared to the columns field in the same event. The index is too large by 1.

When a column resize event is triggered on a grid that does not contain HierarchyCells, the index field returned is correct.

In the attached files, you'll see the address1 column was resized, however, an index of 5 was returned instead of 4. 

[Devender]

Is there a way to detect if the grid contains Hierarchy cells from the GridColumnResizeEvent?

[Stefan]

Hello, Devender,

This occurs as the expand/collapsed column is actually on index 0 moving all other columns by 1.

We can detect that inside the onColumnResize event by checking if the Grid has an expandField and detail props as this should indicate that we do have a expand/collapse column:

https://stackblitz.com/edit/react-pguv9f?file=app%2Fmain.jsx

I hope this is helpful.

Regards,
Stefan
Progress Telerik

[Devender]

That did the trick. Thank you.