Make Grids responsive by staking records vertically

[pro100saniok]

The Grids used throughout need to be responsive. When smaller screen sizes are used, the header should be listed vertically and repeated for each record. The detail/record should then be displayed horizontally from the header.

See attached links.
https://css-tricks.com/examples/ResponsiveTables/responsive.php
http://prntscr.com/b3kt8r

Not sure if simply adding the class "table-responsive" will work on these grids.

How can we make ng grid (ui grid) responsive ?

AngularJS 1.4.8
ui-grid - v3.0.7

[Anda001]

sth maybe helpful
https://codepen.io/team/css-tricks/pen/wXgJww?editors=1100