Tables need layout improvements
We need to do something about tables. There are several issues and I propose several solutions.
- On mobile, there is space for nothing but the model ID (sometimes table flows outside the screen):
- Compress the action buttons into one dropdown
- Remove the model ID in favor of useful data
- On desktop, there is a lot of wasted space:
- Make table views full screen
- Get rid of DataTables (however, while searching and pagination can be implemented server-sided, ordering would be more difficult)
- Common issues:
-
Make font smaller (DataTables is the JavaScript plugin for client-side table manipulation)
-
Returning to the table from the detail view causes a loss of context (page, search parameters, ordering)
-
Any suggestions (add / remove ideas in the comments)?
Edited by Stefan-Ionut Barbu