We have large articles on our website that include several tables of information. The tables typically follow a certain structure. For those tables, we've managed to come up with a solution that works.
For tables that do not follow the typical structure, we struggle to make them non-repetitive and meaningful on mobile devices.
While people typically do not consume the content on phones, it’s not uncommon for users to be tablets or small laptops.
In an ideal world we would find a solution that takes all data out of tables and displays it in a fluid layout. However, there is allot of overlapping information.
Below is a picture of a particularly troubles some matrix taken straight out of MS Word. Sorry for having to remove allot of the information. I've tried to leave enough so you can understand the length of content, headline placement ect...
We are searching for a solution that either takes the content out of the table all together, or an arrangement of the table that is suitable for mobile devices.
It might be worth noting that currently we make two versions of ever table and some articles have up to 18 tables.