I have a live demo here, based on HTML, CSS, JS and Metronic. It's currently planned to be displayed on desktops, yet it's quite responsive (a little bit...) and I'd like to convert it to be displayed on mobile devices (4.7" and tablets). Can you tell me how to get started please? I have a programmer with HTML-CSS-JS skills.
I aim to display the table (as it looks now) including all columns, while users may have to scroll down to see the second table. The display may contain another tables with the same width (down to the second one).
The data on this display is read-only, while users may want to enlarge the display and click on any given cell in order to see a tooltip or an attached comment.
I assume the big challenge here is about transforming it to 4.7" smartphones (rather than tablets...)
Please tell me how to get started. If you think it does not make sense to transform this to 4.7" devices please let me know. Thank you!