解决方法
对此的一个解决方案是使用围绕< table>的< div> -layer,在其中使用style-attribute：
溢出：自动; max-height :(你想要的高度)
溢出：自动; max-height :(你想要的高度)
举个例子：
<div id="mainHolder" style="overflow: auto; max-height: 400px;">
<table>
... Lots of data ...
</table>
</div>
这将创建一个可以在高度上增长的表,但它会被限制在div层中,并且当内容增长大于400px时,您将自动获得滚动条.
使用jQuery,您还可以执行以下操作：
<script type="text/javascript">
window.onresize = doResize;
function doResize() {
var h = (typeof window.innerHeight != 'undefined' ? window.innerHeight : document.documentElement.clientHeight) - 20;
$('#mainHolder').css('max-height',h);
$('#mainHolder').css('height',h);
};
$(document).ready(function () { doResize(); });
</script>
