How to nested a section name "View More" which contains another grid

[David]

Hi,

I need to put a row for "View More" and when user click it, it will show all data source. For general, the outside grid just show three records. I used 

kendoGridDetailTemplate, but it shows plus sign in front of every row.

 

Can you help me to solve this issue. I attach the design pic below.

 

Thanks

[Svet]

Hi David,

It seems that I have already answered this question in the following forum thread:

https://www.telerik.com/forums/stuck-by-nested-section

I am pasting my answer here for reference:

Thank you for the demonstrated screenshot.

The detail template of the Kendo UI for Angular Grid can be conditionally displayed only for some rows using the [detailTemplateShowIf] function. Please check the following article and example from our documentation demonstrating that approach:

https://www.telerik.com/kendo-angular-ui/components/grid/master-detail/detail-template/#toc-conditional-display

 

Please feel free to write back in case any additional information is needed for this case.

Regards,
Svetlin
Progress Telerik