How to dynamically nest kendo detailRowTemplates in a Kendo Grid?

[Ahan]

I am trying to dynamically nest grids within a kendo grid, up to 10 levels deep. Is there a good approach you can recommend to dynamically nest the ng-template data so it doesn't look bloated? This is only three hardcoded levels of nesting and already is bloated.  Thanks in advance!
<kendo-grid>
  <kendo-grid-column field="ProductID" title="ID" width="40"></kendo-grid-column>
  <ng-template kendoGridDetailTemplate let-dataItem>
    <kendo-grid>
      <kendo-grid-column field="ProductID" title="ID" width="40"></kendo-grid-column>
      <ng-template kendoGridDetailTemplate let-dataItem>
        <kendo-grid>
          <kendo-grid-column field="ProductID" title="ID" width="40"></kendo-grid-column>
          <ng-template kendoGridDetailTemplate let-dataItem>
          </ng-template>
        </kendo-grid>
      </ng-template>
    </kendo-grid>
  </ng-template>
</kendo-grid>

[Hetali]

Hi Ahan,

Unfortunately, the mentioned approach is the only way to define the Master-Detail Grid. To make the code look less bloated, you could define each nested Grid in a new component.

Please note that adding 10 nested Grid may affect the performance of the Grid. Take a look at our Performance Tips which can help you improve the Grid performance.

I hope this information helps. Let me know if I can further assist you.

Regards,
Hetali
Progress Telerik

[Ahan]

Thanks. Can you provide a code example of a grid with 4 layers depth, and how the data should be binded? That's my most common use case. I am able to bind my data up to 3 levels of depth but not to 4 levels of depth.

-Ahan

[Hetali]

Hello Ahan,

Please take a look at this StackBlitz example where I have added 4 layers depth in the Master-Detail Grid. I have used the same data for the Grids but you can also change the data of each Grid in the example.

I hope this helps. If I have misunderstood your requirement, please respond in this ticket with additional detailed information and updated StackBlitz example with the relevant code to further assist you.

Regards,
Hetali
Progress Telerik