table {
  font-family: Courier New, monospace;
  font-size: 18pt;
  line-height: 0.7em;
}
td {
  background-color: #EEE;
}

const length = 10;
const rows = Array.from({ length }, (_, i) =>
  (1 << i)
    .toString(2)
    .padStart(length, '0')
    .split('')
    .map(bit => `<td>${bit}</td>`)
    .join('')
)
  .map(row => `<tr>${row}</tr>`)
  .join('');
const html = `<table>${rows}</table>`;
document.body.insertAdjacentHTML('beforeend', html);