Jquery 如何使用jscrollpane设置容器的高度？

我的页面上有一个表，我想使用jscrollpane在其周围放置滚动条。我给这张桌子的宽度是40雷姆400px，高度是20雷姆。但当jscrollpane运行时，它会创建一个高度为400px的jspContainer：

<div style="overflow: hidden; padding: 0px; width: 1062px;" 
   scroll-pane 
   jspScrollable">             
   <div class="jspContainer" 
   style="width: 1062px; height: 400px;">
      <div class="jspPane" 
      style="padding: 0px; top: 0px; left: 0px; width: 1062px;">
         <table class="form grid" style="width: 40rem; height: 20rem;">

谁能告诉我怎么才能不创建这个大的400px窗格

请注意，以下是我如何调用插件：

app.directive('myScrollpane', function ($compile) {
    return {
        restrict: 'A',
        link: function (scope, element, attrs) {
            element.addClass('scroll-pane');
            element.jScrollPane();  
        }
    };
});

---

您可以像这样更改scrollpane的css，例如：

.scroll-pane
{
    width: 100%;
    height: 2rem; //change the height of what you want
    overflow: auto;
}
.jspContainer
{
    overflow: hidden;
    position: relative;
}

.jspPane
{
    position: absolute;
}

---

你可以随意改变css内部的高度，200px，400px你想要的

但是我已经改变了，看起来没有任何区别。它仍然用：style=width:1062px覆盖它；高度：400px；jscrollpane添加了这些样式信息。

.scroll-pane
{
    width: 100%;
    height: 2rem; //change the height of what you want
    overflow: auto;
}
.jspContainer
{
    overflow: hidden;
    position: relative;
}

.jspPane
{
    position: absolute;
}