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

我对jquery对话框中的Jscrollpane插件显示有问题，jquery对话框中有表显示

   $(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 });


 });

}

---

我不知道如何将垂直滚动窗格位置更正到表的右侧，垂直滚动窗格总是显示在对话框标题旁边的顶部，每次对话框弹出时对话框的形状都会发生变化，例如：高度很小，因此我需要调整对话框的大小。

您的html代码是什么