編輯後的列對齊

Question

在我的c＃MVC4應用程序中使用Datatables。我的一個表格使用jeditable來允許用戶雙擊表格中的任何單元格，更改該單元格中的值，然後在單擊時將更改保存到數據庫，並保留在屏幕上反映出來。

問題是，在更改一個值後，列對齊出現混亂，並且列的數據可能會在其所屬的標頭右側顯示多達4,5或6列的長度。

下面是腳本：

<script src="@Url.Content("~/Scripts/jquery.jeditable.js")" 
type="text/javascript"></script> 
    <script src="@Url.Content("~/Scripts/jquery.dataTables.editable.js")" 
type="text/javascript"></script> 
<script type="text/javascript" charset="utf-8"> 
    $(document).ready(function() { 
     var oTable1 = $('#BodyTable').dataTable({ 
      sScrollX: "100%", 
      sScrollY: "200px", 
      bFilter: false, 
      bScrollCollapse: true, 
      bPaginate: false, 
      bScrollInfinite: true, 
      bSort: false, 
      //iScrollLoadGap: 10, 
      oLanguage: { 
       sZeroRecords: "There are no records that match your search criterion" 
      } 
     }).makeEditable({ sUpdateURL: '@Url.Action("UpdateData", "Home")',}); 

的ActionResult：

public string UpdateData(string id, string value, int? rowId, int? columnPosition, int? columnId, string columnName) 
    { 
     PViewModel H = new PViewModel(); 
     H.UpdateSValue(Convert.ToInt32(rowId), columnName, value, id); 
     return value; 
    } 

Answer 1

我有一個類似的問題上調整窗口大小。退房

http://datatables.net/api#fnAdjustColumnSizing

，將調整列正確地安裝。