隱藏在引導表背後的jQuery對話框

得到了一個顯示數據的表單。當你點擊一個表單域時，打開一個jQuery對話框來編輯該值。但是對話在桌子後面消失了。不知道如何糾正這一點。隱藏在引導表背後的jQuery對話框

這是一些代碼。表代碼

<div class="table-responsive"> 
<table class="table table-striped table-bordered table-hover">

鏈接打開對話框

<td><a href="javascript:void" onclick="OpenDialog('/LabJobs/Create/@id')">Create Lab Job</a></td>

對話框事業部

<div id="dialog" title="" style="overflow: hidden;"></div>

的JavaScript

function OpenDialog(urlAction) { 
      $('#dialog').dialog({ 
       autoOpen: false, 
       width: 400, 
       resizable: false, 
       modal: true, 
       closeOnEscape: true, 
       draggable: true, 
       resizable: true, 
       title: "PTP Popup", 
       open: function (event, ui) { 
        $(this).load(urlAction); 
       }, 
       buttons: { 
        "Close": function() { 
         $(this).dialog("close"); 
        } 
       } 
      }); 
      $('#dialog').dialog('open'); 
     }

而問題的截圖