Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>
  <!-- Look, ma! No markup! -->
</body>
</html>
 
* {
  box-sizing: border-box;
}
body {
  background: white;
  font-family: Arial, sans-serif;
}
table {
  border-collapse: collapse;
  margin: 0 auto;
}
tr:nth-child(even) {
  background: #dedede;
}
td {
  padding: 20px;
  border: solid 2px #a2a2a2;
}
caption {
  padding: 10px;
  font-weight: bold;
}
 
var table = document.createElement('table'),
    tbody = document.createElement('tbody'),
    i, rowcount;
table.appendChild(tbody);
for (i = 0; i <= 9; i++) {
  rowcount = i + 1;
  tbody.insertRow(i);
  tbody.rows[i].insertCell(0);
  tbody.rows[i].insertCell(1);
  tbody.rows[i].insertCell(2);
  tbody.rows[i].cells[0].appendChild(document.createTextNode('Row ' + rowcount + ', Cell 1'));
  tbody.rows[i].cells[1].appendChild(document.createTextNode('Row 1, Cell 2'));
  tbody.rows[i].cells[2].appendChild(document.createTextNode('Row 1, Cell 3'));
}
table.createCaption();
table.caption.appendChild(document.createTextNode('A DOM-generated Table'));
document.body.appendChild(table);
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
ImpressiveWebspro
0viewers