c# - 编辑后的列对齐

Question

我在我的 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")',});

行动结果：

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

这将调整列的大小以正确适应。