tables

by toubia95

HTML

<p id="info"></p>
<table id="mytable"></table>

CSS

table, th, td {
  border: 1px solid black;
}

JavaScript

var d = [
  [1, 2, 3, 4],
  [5, 6, , 8],
  [9, 10, 11, 12, 18],
  [13, , 15, 16],
];

var mytable = (data) => {
  var len = data.length;
  var alen = 0;
  for (var j = 0; j < len; j++) {
    var dlen = data[j].length;
    alen = (dlen > alen) ? dlen : alen;
  }
  var dis = '';
  for (var i = 0; i < len; i++) {
    dis += '<tr>'
    for (var m = 0; m < alen; m++) {
      dis += (data[i][m]) ? '<td>' + data[i][m] + '</td>' : '<td>&nbsp;</td>';
    }
    dis += '</tr>';
  }
  return dis;
};

$('#mytable').append(mytable(d));