Breaking News: Grepper is joining You.com. Read the official announcement!

javascript array to table

rawand-faraidun answered on June 14, 2021 Popularity 9/10 Helpfulness 5/10

answer javascript array to table

related how to convert list to table in javascript

javascript array to table

Comment

// 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']
  ]
);

Popularity 9/10 Helpfulness 5/10 Language javascript

Source: stackoverflow.com

Tags: javascript

Link to this answer
Share Copy Link

Contributed on Jun 14 2021

rawand-faraidun

0 Answers Avg Quality 2/10

Closely Related Answers

how to convert list to table in javascript

Comment

var users=[{"firstName":"John", "last Name":"Doe", "age":"46"},
 {"firstName":"James", "last Name":"Blanc", "age":"24"}]
users.forEach(function(item){
  $('tbody').append('<tr><td>'+item.firstName+'</td><td>'+item["last Name"]+'</td><td>'+item.age+'</td></tr>')
});

Popularity 5/10 Helpfulness 5/10 Language javascript

Source: stackoverflow.com

Tags: javascript list

Link to this answer
Share Copy Link

Contributed on Nov 24 2022

mahesh megala

0 Answers Avg Quality 2/10

javascript array to table

Contents

More Related Answers

javascript array to table

Closely Related Answers

how to convert list to table in javascript

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.