Responsive scrollable tables

4 years ago | #CSS #Responsive

The concept of responsive tables isn’t new, and a solid solution is forcing the rows and cells into different blocks, with generated labels from data- attributes.

The following approach uses a different take, which might as well serve for tables that don’t even fit on larger screens.

By overflowing the table and adding a nice shadow to each clipped side, you get an intuitive, scrolling table.

Take a look