datatables - 如何在单击按钮时在 DataTable 中设置单元格值

Question

当单击外部按钮时，我正在尝试使用 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 不是函数。 (在 'cell.data( "development")' 中，'cell.data' 是未定义的)但是，我不确定如何在不单击的情况下以 .data() 方式访问表格单元格值在表中。我的按钮放在 table 外面的其他地方。

知道如何让它发挥作用吗？

Answer 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 < 1.10，那么您可以使用 fnUpdate

示例: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
   }
})