“Tableau javascript à la table” Réponses codées

Tableau javascript à la table

// dynamic function to cteate table out of 2d arrays
function createTable(element, tableData) {
  
  // creating table elements
  var table = document.createElement('table');
  // creating table body <tbody> element
  var tableBody = document.createElement('tbody');

  // creating rows based on first diamention datas
  tableData.forEach(function(rowData) {
    var row = document.createElement('tr');

    // creating cells in each row based on second diamention datas
    rowData.forEach(function(cellData) {
      var cell = document.createElement('td');
      // adding array item to it's cell
      cell.appendChild(document.createTextNode(cellData));
      // adding the cell to it's row
      row.appendChild(cell);
    });

    // adding each row to table body
    tableBody.appendChild(row);
  });

  // adding table body to table
  table.appendChild(tableBody);
  // adding table to document body
  element.appendChild(table);
}

// example
createTable(
  document.getElementById('my-table'), 
  [
    ['r1, c1', ' r1, c2'], 
    ['r2, c1', ' r2, c2']
  ]
);