Basic grid
View source10,000 client-side rows, virtualized rendering, default chrome. Most ERP grids start here and add features one at a time.
Try this
Every interaction below is built in — no opt-in flag.
- Click the "Order #" header to sort.
- Hold Shift and click another header to multi-sort.
- Drag the right edge of a header to resize that column.
- Click a cell, then Cmd+A to select all.
- Drag across cells to make a range, then Cmd+C to copy as TSV.
- Right-click any cell to open the default context menu.
What just happened
- Virtualization. Only the rows in the viewport are mounted. Scroll past 10,000 rows and the DOM never grows.
- Sort. Built into the header. Single click toggles, Shift-click adds a secondary sort.
- Range selection. Drag across cells, hold Shift+arrow to extend, Cmd+A to select-all. The visual layer composes with the active cell and the focus ring.
- Context menu. Right click for the default menu — Copy, Export, Toggle column visibility, etc. Custom items plug in via
contextMenuItems. - Pinned column. Order # is pinned left so it never scrolls out of view.