React Grid column re-rendering not showing updated columns order

1 Answer 322 Views
Grid
Niranjan
Top achievements
Rank 1
Niranjan asked on 09 Dec 2022, 02:44 PM | edited on 09 Dec 2022, 02:46 PM

Hi,

I am using below version of kendo grid in my react application.

"@progress/kendo-react-grid": "^5.9.0"

I am using an array from reducer state for columns in the grid and on onColumnReorder method I am updating that columns array in reducer state. I have checked that array has been updated with the correct order but on re-rendering grid's columns are not being shown updated on UI.

 

Thanks in advance.

1 Answer, 1 is accepted

Sort by
1
Accepted
Konstantin Dikov
Telerik team
answered on 13 Dec 2022, 07:38 AM

Hi Niranjan,

If the column collection that you are using for rendering the columns is updated with the correct orderIndex, the Grid should render the new order. You can take a look at the following example that stores the order and the width of the columns (this is mainly to demonstrate how the columns are defined within the Grid):

If the issue on your side persists, please try to isolate it in a stackblitz example that we can test and debug locally.

 

Best Regards,
Konstantin Dikov
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Niranjan
Top achievements
Rank 1
commented on 13 Dec 2022, 12:12 PM

Thank you very much. Previously I was focusing on array order and now I have added orderIndex attribute in array and setting it in Column. It's working perfectly fine.
Tags
Grid
Asked by
Niranjan
Top achievements
Rank 1
Answers by
Konstantin Dikov
Telerik team
Share this question
or