C# 编辑后的列对齐

我在我的c#MVC4应用程序中使用。我的一个表是使用jeditable，允许用户双击表中的任何单元格，对该单元格中的值进行更改，然后单击enter键，将更改保存到数据库中，并保留在屏幕上

问题是，在更改值后，列对齐会出现混乱，列的数据可能会在其所属的标题右侧显示多达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")',});

---

我在调整窗口大小时也遇到了类似的问题。退房

---

这将调整列的大小以正确匹配。

编辑数据后如何更新行？DataTables内置了特定的方法来更新行的基础数据。请参见

fnUpdate

。如果您手动插入行（或者jeditable不熟悉该插件），则很容易出现此问题

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;
    }