如何在单击按钮时在 DataTable 中设置单元格值答案

【问题标题】：How to set cell value in DataTable on button click如何在单击按钮时在 DataTable 中设置单元格值
【发布时间】：2016-03-28 11:22:25
【问题描述】：

单击外部按钮时，我正在尝试使用 DataTable（新版本）修改单元格值。我现在有以下内容：

$(document).on('click', '.dropdown-menu li a', function () {
    if ($(this).text() == "development") {
        var cell = table.row( 6 ).data()[4]     
        cell.data( "development" ).draw();
    }
});

这不起作用，因为我认为表格行和数据检索方法不会返回具有允许我设置数据单元格值的 .data() 属性的对象。我收到以下错误：cell.data is not a function. (In 'cell.data( "development" )', 'cell.data' is undefined)However，我不确定如何在不点击表格的情况下以 .data() 方式访问表格单元格值。我的按钮放在桌子外面的其他地方。

知道如何进行这项工作吗？

【问题讨论】：

标签： datatables datatables-1.10

【解决方案1】：

由于 DataTables 1.10+ 可能不支持 API 登录页面本身提到的 fnGetNodes()，现在您可以使用 rows().nodes()。

示例：http://jsfiddle.net/cmedina/7kfmyw6x/28/

var table = $('#example').DataTable({sorting : false});
var row = table.row(0).node();   

$('#test').on( 'click', function () {
    var text = "development";
    if (text == "development") {
       table.cell(row, 0).data('Development').draw();
    }
});

如果您使用 DataTables

示例：http://jsfiddle.net/cmedina/7kfmyw6x/29/

var oTable = $('#example').dataTable({sorting:false});

$('#test').on( 'click', function () {
   var text = "development";
   if (text == "development") {
     oTable.fnUpdate('Development', 0, 0 ); // Single cell
   }
})

【讨论】：

如何在启用排序的情况下执行此操作？

【解决方案2】：

您可以使用fnUpdate 数据表函数仅按行和列索引更新任何特定单元格。

类似这样的：

var oTable = $('#example').dataTable();
$('#button').click(function() {
    var row = document.getElementById("indexDepRow").value;
    var col = document.getElementById("indexDepCol").value;
    oTable.fnUpdate('development', parseInt(row), parseInt(col));
});

见JsFiddle EXAMPLE

【讨论】：