SolomonRei,
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
td{
width: 50px;
border: 1px solid #000000;
text-align: center;
}
table{
border-collapse: collapse;
}
</style>
</head>
<body>
<table id="priceTable"><tbody></tbody></table>
<script>
function addRow(id, value){
var tbody = document.getElementById(id).getElementsByTagName("TBODY")[0];
var tr = tbody.querySelector("tr:last-child");
if(!tr || tr.cells.length == 8) tr = tbody.insertRow(-1);
var td1 = document.createElement("TD")
td1.classList.add('border', 'price_class');
td1.appendChild(document.createTextNode(value))
tr.appendChild(td1);
}
for (var i = 1; i < 12; i++) {
addRow('priceTable', i);
}
</script>
</body>
</html>