Jazer,
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
td{
text-align: center;
border: solid 1px #0000FF;
}
table {
border-collapse: collapse;
border: 1px solid #0000FF;
width: 300px;
}
</style>
</head>
<body>
<table></table>
<script>
var tabelTr = [
[{rowSpan: "2",textContent: "1.1"}, {textContent: "1.2"}, {textContent: "1.3"}],
[{rowSpan: "2",textContent: "2.2"}, {textContent: "2.3"}],
[{textContent: "2.1"}, {rowSpan: "2",textContent: "3.3"}],
[{textContent: "3.1"}, {textContent: "3.2"}]
];
var table = document.querySelector("table");
tabelTr.forEach(function(dataTds, indx) {
var tr = table.insertRow(indx);
dataTds.forEach(function(data, i) {
var td = tr.insertCell(i);
for (var k in data) td[k] = data[k]
})
});
</script>
</body>
</html>