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

3 posts, 1 answers
  1. Yinka
    Yinka avatar
    2 posts
    Member since:
    Sep 2016

    Posted 22 Sep 2016 Link to this post

    Demo available here dojo 

    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.


  2. Answer
    Stefan avatar
    2236 posts

    Posted 26 Sep 2016 Link to this post

    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:

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

    I hope this is helpful.

    Telerik by Progress
    Get started with Kendo UI in days. Online training courses help you quickly implement components into your apps.
  3. Yinka
    Yinka avatar
    2 posts
    Member since:
    Sep 2016

    Posted 27 Sep 2016 in reply to Stefan Link to this post

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