Rethink mobile tables
We should rethink how to display tables on mobile devices. The way we currently use in most places is the responsive table function provided by Materialize [1]. But this implementation is buggy and not very suitable for all tables. Here is an example:
The following options are also possible:
- Make tables horizontally scrollable without making any changes to the table like on Wikipedia [2]
- Add headings for every row again (as in [3])
[1] https://materializecss.com/table.html#responsive
[2] https://en.m.wikipedia.org/wiki/Table_of_keyboard_shortcuts
[3] https://css-tricks.com/responsive-data-tables/
This also may include to remove tables at places where we don't even need tables – like in the above example.
Edited by Jonathan Weth