jquery-ui - JscrollPane 插件在对话框 jquery 中显示不一致

Question

我在具有表格显示的对话框 jquery 中遇到 Jscrollpane 插件显示的问题。

   $(document).ready(function(){
      handleDialogOpenEvent();

       $("#dialog").dialog({
           resizable: true,          
           height: "300",     
           width: "400",    
           autoOpen: false,         
           modal: true,
           position: "center"

 });

    }

      function handleDialogOpenEvent(){
 $( "#dialog" ).bind( "dialogopen", function(event, ui) {
     $(".scrollpane").jScrollPane({'showArrows': true });


 });

}

我不知道如何将垂直滚动窗格位置更正到表格的右侧，垂直滚动窗格始终显示在对话框标题旁边的顶部，并且每次对话框弹出对话框的形状更改例如：小高度所以我需要调整大小对话框。