编辑后的列对齐

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

，将调整列正确地安装。