Responsive Table Generator

🚨 This app is no longer maintained or supported. 🚨

If you have used it before February 17, 2018, please update your graphics to avoid a high-severity security vulnerability from Pym.js. If you use this product regularly and would like us to maintain it, please let us know.

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="https://pym.nprapps.org/pym.v1.min.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.

Credits

This project built and maintained by the friendly nerds at the Institute for Nonprofit News.

Developers: Ryan Nagle and Ben Keith

This little project uses:

Check them out!