在IE

Question

我正在使用handontable，我需要它来填充容器的空间，因为我们在这个特定项目中创建表时不能手动设置表的大小。它适用于Firefox和Chrome，但在IE上，滚动条消失，鼠标滚动也不起作用。

我在问题发生时做了一个小提琴：http://jsfiddle.net/Knuk/12dpct1b/

这是HTML的结构：

<div class="table-container">
    <div class="table-handsontable">
        <div id="table" class="hot handsontable htRowHeaders htColumnHeaders">

        </div>
    </div>
    <div class="content1">
        Content 1
    </div>
</div>
<div class="content2">
    Content 2
</div>

和css：

.table-container {
    display: block;
    height: 338px;
    width: 338px;
    position: relative;
}

.table-handsontable {
    overflow: hidden;

    position: absolute;
    top: 0px;
    bottom: 54px; 

    width: 100%;
}

内容框需要保持在同一位置。

到目前为止，我能够制定一个解决方法，如果浏览器是IE，它会呈现所有行，否则它的行为方式与之前相同。滚动CSS也设置为auto。链接：http://jsfiddle.net/Knuk/12dpct1b/18/

在视觉上它可以工作，但在后台它会加载所有数据，如果表格太大，这对IE来说可能相当沉重。是否有我做错的事情，或者我可以使用的更好的解决方法？