JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://chriszarate.github.io/sheetrock/src/jquery.sheetrock.min.js"></script>
<link rel="stylesheet" href="http://chriszarate.github.io/sheetrock/css/bootstrap-tables.css">
<table id="statistics" class="table table-condensed table-striped"></table>

CSS

table{
width: 95%;
border-collapse: collapse;
}
table th{
width: 25%;
padding: 4px;
text-align: left;
vertical-align: top;
color: #333;
background-color: #eee;
border: 1px solid #ccc;
}
table td{
padding: 4px;
background-color: #fff;
border: 1px solid #ccc;
}

JavaScript

// Define spreadsheet URL.
var mySpreadsheet = 'https://docs.google.com/spreadsheet/ccc?key=0AlRp2ieP7izLdGFNOERTZW0xLVpROFc3X3FJQ2tSb2c#gid=0';

// Load an entire sheet.
$('#statistics').sheetrock({
  url: mySpreadsheet
});