Is it possible to do a nested group in an grid?

[Jaime]

Is it possible to do nested grouping in a grid? And I don't mean a column grouping. Like handling a case where the grid can do a

file1
file2
folder1
  file3
  folder2
    folder3
      folder4
        file4
        file5

And do we have some sample code if this is possible?

 

Thanks!

 

J

[Zornitsa]

Hi Jaime,

To achieve such kind of behavior with our Grid component, the developer could implement a Master-Detail Grid by utilizing the detail template directive of the component. For more information, I am linking below an article explaining the detail row template, where you can also find a runnable example for a demonstration of the functionality:

• https://www.telerik.com/kendo-angular-ui/components/grid/master-detail/detail-template/ 
  

Nevertheless, based on the data visualization in the snippet that indicates a file structure, I would recommend utilizing the Kendo UI for Angular TreeList as a more suitable alternative for this case. This component would be better appropriate for your scenario since its purpose is to represent hierarchical data out of the box.    

Below you can find a StackBlitz example that illustrates a scenario, similar to yours, implemented with the TreeList component:

• https://stackblitz.com/edit/angular-dy44x7

I hope that the provided information is helpful. I remain at your disposal in case any further questions arise.

Regards,
Zornitsa
Progress Telerik

[Jaime]

I actually discovered the TreeList and decided to use that. Thank you Zornitsa!!