title: How can I set the height of my container with jscrollpane?
body: <p>I have a table on my page and I would like to use jscrollpane to put scrollbars around it. I gave the table a width of 40rem (400px) and a height of 20rem. But when jscrollpane runs it creates a jspContainer with a height of 400px:</p>
  
  <pre><code>&lt;div style="overflow: hidden; padding: 0px; width: 1062px;" 
     scroll-pane 
     jspScrollable"&gt;             
     &lt;div class="jspContainer" 
     style="width: 1062px; height: 400px;"&gt;
        &lt;div class="jspPane" 
        style="padding: 0px; top: 0px; left: 0px; width: 1062px;"&gt;
           &lt;table class="form grid" style="width: 40rem; height: 20rem;"&gt;
  </code></pre>
  
  <p>Here's my CSS.</p>
  
  <pre><code>.scroll-pane
  {
      width: 40rem;
      height: 2rem;
      overflow: auto;
  }
  .jspContainer
  {
      width: 40rem;
      height: 2rem;
      overflow: hidden;
      position: relative;
  }
  
  .jspPane
  {
      position: absolute;
  }
  </code></pre>
  
  <p>Can anyone tell me how I can make it not create this large 400px pane.</p>
  
  <p>Note here's how I call the plugin:</p>
  
  <pre><code>app.directive('myScrollpane', function ($compile) {
      return {
          restrict: 'A',
          link: function (scope, element, attrs) {
              element.addClass('scroll-pane');
              element.jScrollPane();  
          }
      };
  });
  </code></pre>