I had a question regarding the fluid arrangement of the tables. I tried and explained a screenshot below to explain what I am trying to achieve.
Actually, I have several dynamically created tables, their width is fixed but their heights may vary. What I am trying to achieve is that when the browser window is resized then the space is used more and more.
I have tried the following: 1. Arrange the table with the descending order of the number of rows. 2. Using the 'float style: left;' On the table (or a div around the table).
However, as you can see below, there is a difference below on the first column that could be used by Table 4 (the last one below), but it is not because table 3 (column 2, Line 2) is taking some space that prevents table 4 from above 4.
I hope I have described it in this manner, I do not understand, please tell me how can I explain any point so that you can help me.
Actually trying to get a fluid design with maximum space usage. How can I achieve this but any thoughts?
Try the plug-in in advance
Comments
Post a Comment