How to stretch an HTML table to 100% of the browser window height?
Try using this:
html, body {
height: 100%;
}
So besides making the table's height to 100%, you also should have to make sure that the html'd and body's height are also 100%, so it will stretch properly.
Just use the height
property instead of the min-height
property when setting #container
. Once the data gets too big, the table will automatically grow.