title: How to make <mat-table> responsive like as child rows as DataTable have : Angular
body: <p>I want <code>&lt;mat-table&gt;</code> responsive like as DataTable with child rows (<a href="https://datatables.net/" rel="nofollow noreferrer">https://datatables.net/</a>). Like when we check in mobile size then some rows hide and will be in child rows with expandable view.</p>