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">

</table>

CSS

#matrix {margin-top:40px;}
#matrix td {
  width: 20px;
  height: 10px;
  border: 1px solid gray; 
  padding: 0px;
}
#matrix td a {
  display: block;
  text-decoration: none;
}

JavaScript

function emptyRow() {
  str = '<tr>'
  for (j = 0; j < 100; j++) {
    str += '<td><a href="#" rel="tooltip" title="text">&nbsp;</a></td>'
  }
  str += '</tr>'
  return str
}
$(document).ready(function () {
  $("#matrix").html(emptyRow())
  $("[rel=tooltip]").tooltip();
});