I'm trying to create responsive layout with the help of flex. but i end up with inconsistent height. my mat-table height goes beyond the outer div when changing the pagination value and overlapping below cards. I thought overflow: auto would help me but seems not.
i need to maintain table height inside the card and it should be responsive
here is the working example
current output
- How add scrollbar(if possible slim) when pagination value changed
- how maintain table height inside the card