I've got a big table that displays a lot of data.
On Destop it looks quite ok, but on mobile it just cuts of the data and I am not able to access what is on the table, like this:
Desktop Version of Table
Mobile Version of Table
Is there any way to make Tables accessible on Mobile? Or is the only way to just keep the data on a couple of rows only? And separate the columns on different cards?
(And yes, I know that this is not the best use for a card, I am still experimenting with mdl).
Thank you a lot.
tbody
and scope, etc) will probably still not "respond", but it will be semantically well-built in a way that should make it more future-proof (for the native browser solutions that we know are coming around some day), as well as easier to parse/scan/consume for add-on solutions (like using newer HTML templating / Shadow DOM / some js-based solution / etc. So still best to make the table semantic and "true" and then focus on presentation. – Anthony Oct 22 '15 at 12:38