Responsive Table Generator v0.4

A complete HTML/CSS solution for quick & elegant responsive tables. Code is unminified for easy customization.

Copy and paste data from Excel or Google spreadsheets. Load sample data.

Select Column Types

Choose the type of value for each column.

Options

Max # of rows to show on mobile? (strongly suggeted: 5-10)

Columns to hide on mobile? (comma-delimited, column header names as they appear above)

When to switch to mobile layout? (resize browser and 'update table' to see effect)

Zebra striping?

Preview

Replace underlined text with your copy below, then click 'generate code'. If you don't want a hed or a subhed, delete the contents. The generated code will remove the whitespace. Click a row to toggle on/off highlighting.

Inspired by NPR. See the github repo to submit issues and/or feature requests.

Email russell.goldenberg@globe.com for Globe related questions.