table.html

<html>
<head>
<style type="text/css">
body {
	line-height: 1;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


td {
    border: 1px solid black;
    text-align: center;
    vertical-align: middle;
}

.cell-group-1 {
    background:lightgrey;
    height: 50px;
    width: 125px;
    }
.cell-group-2 {
    background:white;
    height: 50px;
    width: 125px;
    }
</style>
</head>
<body>

<h1>Random ability chart</h1>

<div id="main"></div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="./js/table.js"></script>
</body>
</html>