Description
A paged, cell-editable grid of companies with Add, Remove, Save and Reset, built in React 19 on TanStack Table. Add a row and it appears at the top with its name already open for typing. Remove one and it goes. Edit a cell and it picks up the corner triangle. None of it has reached the server yet — and while any of it is waiting, the grid will not sort and will not page, because either would fetch a new page and take your unsaved work with it.
This is the first port of Saki's May 2014 Writable Grid example, and three more follow it: the Ext JS build it answers to, this one, and — from release 8 — the same contract again in Vue, Angular and Svelte. The point of the set is what is held constant: one behavior contract, and — across the four ports — one headless table library, so the only thing that differs between them is the framework. All five talk to the same endpoint, each against its own database, so any two can be opened side by side and driven through the same steps.