All projects

web

A data table that survives 100,000 rows

Sorting, filtering and virtual scrolling that stays smooth when the data does not.

intermediateTypeScript~22h

Why it matters

Every company has an internal tool with a table that grinds. Building one that does not is immediately legible to anyone who has suffered the alternative.

What you build

  • Virtualised rendering that stays smooth
  • Sorting and multi-column filtering
  • Column resize and reorder that persists
  • Keyboard navigation across cells

If you want more

  • Add server-side pagination
  • Add CSV export

Build it 5 steps

  • Measure the frame time before and after.

  • Add sorting and multi-column filtering
  • Let columns resize and reorder, and remember it

Material for the whole build

Shows you can keep a UI responsive under load, and that you think about the user with the biggest dataset rather than the demo.

Get a plan built around projects like this