Add horizontal scrolling for tables on mobile UI

[jicedtea]

Describe the bug

On the mobile interface, the table cannot scroll horizontally, causing the data of the columns to overlap, sometimes making it impossible to view the data.

To Reproduce

Steps to reproduce the behavior:

1. Open the OMV page on mobile browser
2. Go to a page that uses a table. Example: SMART, file system...
3. See error

Expected behavior

The table can be scrolled horizontally to see data more clearly

Screenshots

openmediavault Server (please complete the following information):

• OS version: Linux nsv 6.1.0-0.deb11.11-amd64 Prevent fatal error in autoloader #1 SMP PREEMPT_DYNAMIC Debian 6.1.38-4~bpo11+1 (2023-08-08) x86_64 GNU/Linux
• openmediavault version: 6.9.8-1

Client (please complete the following information):

• Device: Xiaomi 12X
• OS: Android 13
• Browser Chrome, Firefox, Vivaldi...
• Version: latest

Additional context

Thank you so much for your work

[votdev]

That will become a little bit tricky or impossible because the used data table component/library does not support that as far as I remember, otherwise i would have implemented it already.

[votdev]

OK, did some research and it is possible that the used datatable component displays a horizontal scroller, but this does not work really well when using flex column mode. This is the default mode of all datatables in OMV. This was a design decision because it does not make sense to force a developer to think about how wide a column should be in N pixels. It is much easier to specify the proportional width of each column. IMO this is a limitation or bug in the Swimlane datatable library.

I'll specify this issue as community contribution. if someone wants to do this without breaking the previous design decision and thus affecting all plugins, then go ahead.

References:

• https://swimlane.gitbook.io/ngx-datatable
• https://swimlane.github.io/ngx-datatable/#horz-vert-scrolling
• https://github.com/openmediavault/openmediavault/tree/master/deb/openmediavault/workbench/src/app/shared/components/datatable