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

这会调整列的大小以使其正确匹配。

编辑后的列对齐

1 个答案: