JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
<script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.2.1/bootstrap.min.js"></script>
<table id="matrix">
  <tr>
  </tr>
</table>

CSS

#matrix td {
  width: 10px;
  height: 10px;
  border: 1px solid gray; 
  padding: 0px; 
}

JavaScript

function emptyRow() {
  str = '<tr>'
  for (j = 0; j < 100; j++) {
    str += '<td rel="tooltip" data-original-title="text"></td>'
  }
  str += '</tr>'
  return str
}
$(document).ready(function () {
  $("#matrix tr:last").after(emptyRow())
  $("[rel=tooltip]").tooltip();
});