数据表 - 编辑单元格数据

时间:2015-09-08 10:46:15

标签: jquery datatables

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

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

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

并且都不起作用

这是JSBin - 如果单击“加载复制的数据”然后单击结束列 - 它将使用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();

    });

我知道这很简单,我很遗憾,所以任何帮助都会受到赞赏

1 个答案:

答案 0 :(得分:1)

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

您需要更改代码的逻辑(例如,将第5列与数据参数绑定)或使用render代替defaultContent使其动态化。

您的代码中也存在错误,请使用idx代替idx[0]