Make Data Tables Usable
Dense data that stays readable on a laptop, a phone, and at ten thousand rows.
The steps
Your agent works through these in order, and won't break a step it already finished.
Data Table Cell Primitives
Render every kind of table cell the same way, wherever the table happens to be.
Sticky Table Header
Keep column labels on screen so people know what they are reading halfway down.
Table Action Column Pattern
Put row actions in one predictable place and reveal them the same way everywhere.
Number Formatting Component
Format every count, percentage, and total the same way, without rounding away meaning.
Date and Time Display Component
Render every date and time through one component so none of them are ambiguous.
Responsive Data Tables
Make your tables usable on a phone instead of a horizontal scrollbar.
Windowed Grid Primitive
Keep very large tables and grids responsive by rendering only the cells currently on screen.
How to use this collection
One link, several features, one coherent document. Your agent inspects your app once — not once per feature — then implements the set in order, checking after each step that it hasn't broken the last.
Pro users build their own from any features in the library, including their own customized versions.
Go Pro — $28/month