Responsive Table Generator

🚨 This app is no longer maintained or supported. It may not work. 🚨

If you experience problems using this application, such as an endless spinner, and you wish to provide a fix for those errors, please fork the repository and open a pull request with your fixes.

Alternatives to this application:

If you have used this application 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 to contribute to its maintenance, 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

Type or paste your spreadsheet's key or URL here. The "key" is a long sequence of letters, numbers and dashes from the spreadsheet URL.

Title

A title for your responsive table. This will be used in the title tag of the html file for your table.

Google Analytics

If you want Google Analytics tracking for your table, enter your Google Analytics Tracking ID, of the form UA-XXXXXXX-X

Choose columns

Choose the columns to include in your responsive table and specify column labels for each.

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!