How to make <mat-table> responsive like as child rows as DataTable have : Angular

I want <mat-table> responsive like as DataTable with child rows (https://datatables.net/). Like when we check in mobile size then some rows hide and will be in child rows with expandable view.