Rules for making interaction with tables easier
General layout
- consistent column widths (where possible) -> if data varies in size, use responsive design
- no overlapping columns
- horizontally scrollable table
Data display and interaction
- If a cell contain multiple pieces of information (like tags) or long text (like description), allow for max. 2-line text and set a maximum height. After that, use ellipses (...)
- Adjusting column widths manually? (to validate @idormenco)
- For truncated or complex content we can use tooltips or small pop-ups on hover/click (to investigate - WIP)
Rules for making interaction with tables easier
General layout
Data display and interaction