連続する数字を列に挿入するにはJavaScript？

Question

行と列に連続した数字を入れる必要があります。 最初の部分は簡単に見えます。今私は列に連続した値を入れて、2番目の部分に問題があります。

let tableDisplay = document.querySelector('#table'); 

function createTable() { 
    let table = document.createElement('table'); 
    let tableBody = document.createElement('tbody'); 
    table.border = '1'; 

    for (let r = 0; r < 10; r++) { 
     let row = document.createElement('tr'); 
     tableBody.appendChild(row); 

     for (let c = 0; c < 10; c++) { 
      let cell = document.createElement('td'); 
      row.appendChild(cell); 
     } 
    } 
    table.appendChild(tableBody); 
    tableDisplay.appendChild(table); 
} 

createTable(); 

let tr = document.querySelector('tbody').querySelectorAll('tr'); 
let td = document.querySelectorAll('td'); 
let counter = 0; 

for (let i = 0; i < td.length; i++) { 
    counter++; 
    td[i].innerHTML = counter; 
} 

任意の提案を： 私はすでにこの次の方法をやりましたか？

Answer 1

最新のforループはtr.childNodes.lengthを反復処理する必要があり、カウンタの値を各列に設定できます。

TR >>行

TD >> colsの