d3表动态更新

Question

我在d3中创建了一个表格，如下所示。现在我想只更新2个单元格，例如data [0] [0] = 10和data [1] [1] = 10;

 var data = [ [ 1, 2, 3, 4, 5, 6, 7, 8, 9, 10 ],
        [ 2, 3, 4, 5, 6, 7, 8, 9, 10, 11 ],
        [ 3, 4, 5, 6, 7, 8, 9, 10, 11, 12 ] ];
var table = d3.select("#table").append("table");
var tbody = table.append("tbody");
var rows = tbody.select("tr").data(data);
rows.enter().append("tr");
var cells = rows.selectAll("td").data(function(d) {
    return d;
}).enter().append("td").text(function(d) {
    return d;
});
data[0][0] = 10;
data[1][1] = 10;
tbody.selectAll("tr").data(data).selectAll("td").data(function(row) {
    return row;
}).text(function(d) {
    return d;
});
console.log(data);

现在我想更新td。我该怎么做即使使用新数据进行更新，单元也不会更新。 控制台输出将提供更新的数据。