JSFiddle - React, Tailwind, and code Playground

by juErik

HTML

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

CSS

body {
    padding: 1em;
}

JavaScript

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

// Load top ten switch hitters.
$('#switch-hitters').sheetrock({
  url: mySpreadsheet,
  sql: "select A,B,C,D,E,L where E = 'Both' order by L desc",
  chunkSize: 10
});