Responsive Table

Sidescrolling has been the default way we deal with tables on smaller screens at spacefarm. It occurred to me that I had never shared it here though.

Tables are among the few kinds of components we still use semantic CSS for. We might explore an atomic approach for dynamically generated tables in a React project, but styling rows and columns works great for regular websites, especially if there's a CMS and non-technical editors involved.

Check out the attachment for a video demo recored in the latest version of Chrome.

scrolling_table_demo.mov
1000 KB
Download

More by spacefarm

View profile