array. Is it possible to sort headers in material 2 DataTable? Menu items in Angular. On the other hand, expanded tables are a bit tricky, they may seem nested but they really aren't. In my opinion it's a nicer approach because they provide better user experience and more custom CSS flexibility (especially the fully-expanded). Then use it in Paste your database server name, choose the correct database, test the connection, and click next. Open the angular typescript template file and place the given code into the file to make the tree with flat nodes. I'm working with the Angular Material Table and need help figuring out how to use it with my complex JSON string. It might be working for you as the constructor maybe does async work that finishes after DOM init but Id recommend moving this logic into afterviewinit. Thanks for contributing an answer to Stack Overflow! Responsive Tables built with Bootstrap 5, Angular and Material Design. html code for the mat-table: , , ,