d3.js入れ子にされたノードを更新するには？

Question

ここにはjsfiddleがあります。私は2番目のステップの後に私は新しいデータセットでテーブルの行を更新すると3と4が表示されることを期待します。しかし、まだ1と2を表示します。なぜですか？なぜネストされた要素が古いデータセットを保持しているのですか？それを修正するには？ネストされたタグを更新するには？

const data1 = [1, 2]; 

const table = d3.select('body') 
    .append('table') 
    .append('tbody'); 

table 
    .selectAll('tr') 
    .data(data1) 
    .enter() 
    .append('tr') 
    .append('td') 
    .text(function(d) { 
    return d; 
    }); 

const data2 = [3, 4]; 

table 
    .selectAll('tr') 
    .data(data2) 
    .selectAll('td') 
    .text(function(d) { 
    return d; 
    }); 

Answer 1

ご質問の回答には、selectというサブ選択です。ドキュメント：

selection.selectAllとは異なり、selection.selectはグループ化に影響を与えません。既存のグループ構造とインデックスを保持し、選択した子にデータがあればそれを伝播します。グループ化はデータ結合において重要な役割を果たします。このトピックの詳細については、「ネストされた選択と選択の仕組み」を参照してください。

ここで重要な部分は、は、選択した子にというデータを伝播します。