I am trying to design an enterprise application and I have a situation where I have multiple (More than 20) tables to be displayed in the page as a result of user interaction.
I cannot limit the number of columns of the table or number of tables that are being displayed as all the information has to be shown and are important and are dynamic and i have no control over it. The problem with the approach is it will result in the following page structure.
If I make the columns as same width it will result as
As you can see, the second table will have too much of unused column space which makes it look bad.
Is there any way this can be done in a way user sees it in a better way visually.