Responsive tables
TODO: examples
See: https://medium.com/appnroll-publication/5-practical-solutions-to-make-responsive-data-tables-ff031c48b122
Types of reponsive tables
Shorten : remove unnecessary columns and keep the table concise by leaving the crucial data only
Moveable : use swipe gestures to scroll through the whole table horizontally
Collapsed : columns are navigated using swipe gestures, the primary column (legend) is fixed.
Transformed : collapse table rows into separate cards.
Guidelines
We are only using Shorten and Moveable types, because they are easy to develop.
Apply the following decisions from top to bottom:
- Use a 3 column "shorten" table, unless it not possible.
- Use "moveable"