Angular 9 - Duplicate column definition name provided - detailExpand

Question

I have a Problem that did not occur in Angular 8 and previous.

With Angular 9 It seems that If I have Table (master) with an expandable container that has another table (child), angular considers the all the child tables as the same. And thinks that the column of the child is duplicated.

This error won't happen if there is only 1 child table.

I replicated this in Stack Blitz

Any ideas?

Answer 1

Well... I guess that what I had to do, and ultimately is a best practice, is Separate the Child Table into its own component making my template cleaner and more readable.

And that did it.

I don't know if this was a bug for Angular, or it was intentional, but helped at making better code.