Transpose html table [JS]

HTML

<table id='myTable' border=1>
   ...

CSS

#newt table tbody tr{
  font-size: 20px;
  border-style: solid;
}

JavaScript

var myTable = document.getElementById('myTable');


var newTable = document.createElement('table');
var maxColumns = 0;

// Find the max number of columns
for(var r = 0; r < myTable.rows.length; r++) {
    if(myTable.rows[r].cells.length > maxColumns) {
        maxColumns = myTable.rows[r].cells.length;
    }
}


for(var c = 0; c < maxColumns; c++) {
    newTable.insertRow(c);
    for(var r = 0; r < myTable.rows.length; r++) {
        if(myTable.rows[r].length <= c) {
            newTable.rows[c].insertCell(r);
            newTable.rows[c].cells[r] = '-';
        }
        else {
            newTable.rows[c].insertCell(r);
        newTable.rows[c].cells[r].innerHTML = myTable.rows[r].cells[c].innerHTML;
        }
    }
}

newTable.setAttribute("border", "5px");
var div = document.getElementById('newt');

div.appendChild(newTable);

//alert(div.innerHTML);