Data grids updates

This is another iteration of our data tables, with a bunch of user experience improvements.

We found that there were flashes of "loading" data, which then resized the grid as data came in. This felt a lot like a traditional FoUC as css was loaded, and made the experience look really sketchy. Setting the height and width of the table and it's controls helps control movement of elements on the page, so that the only change is fade-ins as the data is loaded.

Clearer empty states were added, as well as a method to add informational/error messages to the table, something that we don't really have the ability to do today (aside from modals/app cues).

Alex Price
Product Design at Mercury 🌱
Get in touch

More by Alex Price

View profile