Grid re-ordering and sorting now working with row template (AngularJs)

[Yinka]

Demo available here dojo http://dojo.telerik.com/@yerinle/iHEHe 

When I re-order a column (e.g moving "Contact title" to be the first column), then if I click on "Contact title" to sort, "Contact Name" data now appears under "Contact title". So the grid content goes back to the initial state with the re-ordered columns out of sync.

Seems to be a side effect of using row template, which I need to use.

So is it possible to get this working properly with row template.

Thanks.

[Stefan]

Hello Yinka,

This occurs because the Grid is changing the column order, but cannot modify the custom defined row HTML.

When using rowTemplate, you have to handle the template HTML changes manually. To achieve this, use JavaScript inside the template definition.

More information can be found in a similar thread in our forum:

http://www.telerik.com/forums/column-reordering-row-templates-for-grids

Also, I modified the provided example to work as expected:

http://dojo.telerik.com/iwAra

I hope this is helpful.

Regards,
Stefan
Telerik by Progress

 

 

[Yinka]

Thank you Stefan that's what I was looking for.