How to fix the table height?

问题

I want to fix the table height to 600px, eve if the content goes long.

回答1:

Try wrapping the table within a div tag, and setting the CSS properties of the div like so:

div.tablewrapper {
    height: 600px;
    overflow-y: auto;
}

This will make a scrollbar appear if the table's height exceeds 600 pixels. If you don't want to always force the height to 600px if the table it too small to take up that much space, but instead just want 600px to be the max, use max-height instead of height.

回答2:

div.tablewrapper {
    height: 600px;
    overflow-y:hidden;
}

this works for to fix a page exact 600px as height..

回答3:

See the sample code below..

<div style="height:100px; overflow:auto;">
<table>
    <tr>
        <td>sad<br />
<br />
<br />
<br />
<br />
<br />
<br /><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
asd<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />

</td>
</tr>
</table>
</div>

来源：https://stackoverflow.com/questions/1754136/how-to-fix-the-table-height