A Responsive Spreadsheet

At Gusto I’ve been working on a spreadsheet interface that’s a little complicated and elaborate but it got me to wondering how we might build the simplest responsive spreadsheet possible with nothing more than CSS and so I wrote about it for CSS-Tricks. It’s kinda nifty that there’s a wide range of UI tricks that no longer require JavaScript — in this example I’ve used position: sticky to lock the table headers in place so that you can still easily scan the document without having to constantly scroll around.

Here’s an example of the final result that should work in the latest version of Chrome:

See the Pen A Simple Responsive Spreadsheet by Robin Rendle (@robinrendle) on CodePen.