This is a migrated thread and some comments may be shown as answers.

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

1 Answer 311 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Gerry Polami
Top achievements
Rank 1
Gerry Polami asked on 04 Jul 2017, 05:03 PM

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

1 Answer, 1 is accepted

Sort by
0
Stefan
Telerik team
answered on 06 Jul 2017, 10:07 AM
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.
Tags
Grid
Asked by
Gerry Polami
Top achievements
Rank 1
Answers by
Stefan
Telerik team
Share this question
or