Responsive Table Generator

This simple app generates a ready-for-deployment, embeddable, responsive version of a Google Spreadsheet from the spreadsheet key and some column formatting information.

It works best with tables that have 5-7 columns. Make sure you publish your spreadsheet to the web before using this generator.

Spreadsheet key or URL

Title

Google Analytics

Choose columns
Column key Include in table? Column label
or
Preview

Uploading

It's a simple as unzipping the contents of the .zip to a directory on your website.

Embedding the table

We're using pym.js to make our tables responsive when embedded via <iframe>.

To embed a table, you can use this snipped to get started:

<div id="table-iframe-container"></div>
  <script src="http://yourdomain.com/path/to/pym.js"></script>
  <script type="text/javascript">
  (function() {
    var pymParent = new pym.Parent(
      'table-iframe-container',
      'http://yourdomain.com/path/to/index.html', {});
  }());
  </script>

Be sure to replace http://yourdomain.com/path/to/index.html with the actual URL of your table, and to replace http://yourdomain.com/path/to/pym.js with the location of the pym.js file, found in the same directory.

Credits

This project built and maintained by the friendly nerds at the Investigative News Network.

Developers: Ryan Nagle and Ben Keith

This little project uses:

Check them out!