After reordering adding new column is placed after the reordered column

[Salim]

Hello, 

We Have a dynamic grid columns,  and the user is allowed to add column to it, moreover we  have enabled the reordering feature. 

but whenever a user reorder a column and tries to add a new column, the newly added column is not placed at the last column, but right after the reordered column.

Here's a sample : https://angular-wwvczz.stackblitz.io/

So our business need is that when a user add a new column, the added column should be added as last column, unless user want to change it's position, he can reorder the columns again.

Note in the example that grid.columnList property is not returning the newly added column unless a reorder happens.

can you please advise how should I proceed to achieve this requirement

 

Thanks in advance

 

[Yanmario]

Hi Salim,

Thank you for the provided example.

The behavior is expected as the newly added column is with index 0 and it's placed in front of the column with index of 0. What can be done to achieve the desired requirement is to use the reorderColumn method as demonstrated in the following demo:

https://stackblitz.com/edit/angular-wwvczz-avclvi

or re-render the Grid component when adding a new column:

https://stackblitz.com/edit/angular-wwvczz-jxhlaq

My recommendation would be to use the reorderColumn method.

I hope this helps.

Regards,
Yanmario
Progress Telerik