数据表 - 编辑单元格数据

Question

我正在尝试编辑单元格的数据 - 我试过：

table.fnUpdate("Delete", idx[0], 5)

和

tableAPI.cell(idx, 5).data("Delete").draw();

两者都不起作用

这是一个 JSBin- 如果您单击 "Load Copied Data" 然后单击结束列 - 它会使用 tableAPI.cell(idx, 5).data 为您提供单元格数据() 但更新不起作用。

这是点击的完整代码

  $('#tblSORSInstall tbody').on('click', 'td', function (e) {



        var tableAPI = $('#tblSORSInstall').DataTable();
        var table = $('#tblSORSInstall').dataTable();

        var data = table.fnGetData($(this).closest('tr')[0]);
        var idx = table.fnGetPosition($(this).closest('tr')[0]);

        var row = $(this).parents("tr")[0];

        var id = table.fnGetData(row.cells[5]);


        alert(tableAPI.cell(idx, 5).data());
        table.fnUpdate("Delete", idx[0], 5)
        tableAPI.cell(idx, 5).data("Delete").draw();

    });

我知道这是我所缺少的简单内容，因此我们将不胜感激

Answer 1

在您的列定义中 columnDefs 第五列未绑定到任何数据 (data: null) 并且具有 defaultContent，这就是您无法更改它的原因。

您需要更改代码的逻辑（例如，将第 5 列绑定到数据参数）或使用 render 而不是 defaultContent 使其动态化。

您的代码也有错误，请使用 idx 而不是 idx[0]。

数据表 - 编辑单元格数据

Datatables - edit cell data

jquery

datatables