Используйте функции DOM
document.createElement
https://developer.mozilla.org/ru/doc....createElement
appenChild и append
https://developer.mozilla.org/ru/doc...de/appendChild
https://developer.mozilla.org/ru/doc...entNode/append
В крайнем случае задавайте html текст через innerHTML
https://developer.mozilla.org/ru/doc...ment/innerHTML
Используя createElement это делается как то так
<head>
<style>
th {
background-color: orange;
}
td {
background-color: silver;
}
table {
width:90%;
border: blue 1px solid;
}
</style>
</head>
<body>
<div id=tableKK>
</div>
<script>
let cols = 3;
let rows = 3;
let tb = document.createElement('table');
for (let nr = 0; nr<rows; nr++) {
let row = document.createElement('tr')
for (let nc = 0; nc<cols; nc++) {
let cell = document.createElement((nr==0 || nc==0)? 'th' : 'td')
cell.textContent = '' + nr + ', ' + nc;
row.append(cell);
}
tb.append(row);
}
document.getElementById("tableKK").append(tb);
</script>
</body>