jquery jScrollPane太小的视口

Question

我使用名为jScrollPane的jQuery插件时遇到了一些问题。目前它有一种奇怪的行为。它只是没有读取所包含的表的整个高度。 html结构如下：

<div id="container-of-the-table">
<table></table>
</div>

javascript如下：

setupScrollPane('#container-of-the-table');

function setupScrollPane(el, options) {
    var id = (el instanceof jQuery) ? el.attr("id") : el.substring(1);
    api = $(el).jScrollPane({
        horizontalGutter: 6,
        verticalGutter: 6,
        mouseWheelSpeed: 50
    }).data("jsp");
    scrollPaneApi[id] = api;

    if (undefined != options){
        if (undefined != options.scrollToX){
            api.scrollToX (options.scrollToX);
        }
        if (undefined != options.scrollToY){
            api.scrollToY (options.scrollToY);
        }
    }
}

css如下：

table {
    display: block;
    height: 165px;
    width: 1080px;
}
#container-of-the-table{
    overflow:auto;
}

表的内容超过1000px，但显示的内容（插件右侧css中的最小滚动条）小于200px。

该插件似乎正在运行但不是因为它让我只滚动表的一小部分。

我发现forum post有类似的问题，但我无法理解它是如何解决的。