let table = document.querySelector('.container')
for (let i = 1; i <= 9; i++) {
let col = document.createElement('div')
for (let j = i; j <= 9; j++) {
let cell = document.createElement('div')
cell.innerText = `${i}x${j}=${i*j}`
cell.style.border = '1px solid black'
col.appendChild(cell)
}
table.appendChild(col)
}
<div class="container"></div>
.container {
display: flex;
align-items: flex-end;
}