kendo grid k-row-template and k-detail-template

2 posts, 0 answers
  1. Gerry Polami
    Gerry Polami avatar
    24 posts
    Member since:
    May 2007

    Posted 04 Jul 2017 Link to this post

    Hi, I am using kendo-ui and angular together

    i have kind of complicated table so the rows looks different and i am writing them like

    <div kendo-grid.....

    <table k-row-template>

    <tr data-uid="#:uid#" rold="row">

    <td>...............

    </tr>

    </table>

     

    some of the rows should have the possibility of expanding

    but when i am adding to the above code <div k-detail-template>

    all the view is ruined and there is nothing related to expanding.

     

    means:

    <div kendo-grid.....
    <table k-row-template>
    <tr data-uid="#:uid#" rold="row">
    <td>...............
    </tr>

    <div k-detail-template>

    blablabla

    </div>
    </table>

     

    so am i wrong?

    if so how to do it correctly when i need k-row-template and k-detail-template. and the expanding only in specific rows with specific property in dataitem.

     

    what should i do?

    i am very very confused!!!

    thanks for your urgent help

  2. Stefan
    Admin
    Stefan avatar
    2913 posts

    Posted 06 Jul 2017 Link to this post

    Hello Gerry,

    When row template is used it is expected to miss the expand icons as the row will render only the content of the template.

    In this scenario, I can suggest manually adding the icon for expanding the detailed Grid.

    Also, the k-row-template should be part of the attributes, not an additional HTML element.

    As the issue seems specific, please provide a runnable example reproducing the scenario and I will gladly assist.

    Regards,
    Stefan
    Progress Telerik
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top