Measured notes on building data grids and pivot tables for React and plain JavaScript. Every post is first published on kanunilabs.com/blog; the copies here link back to the original.
Most admin screens end up with an editable table, and the first question is not how to put an input in a cell. It is when a change counts. Should a price be saved the moment someone presses Enter, or
For a long time every demo on kanunilabs.com was a small page with one feature on it: sorting here, grouping there, an Excel export on a third page. That shows a feature works. It does not show what a
When the data is too big for the browser, or some users may only see some of it, the grid stops sorting and filtering in the browser. It sends your server the sort, the filters and the search, asks fo
A sales report starts as one table and turns into a queue of requests: the same numbers for another year, only the best sellers, the share instead of the amount, the invoices behind that one figure. E
Every reporting screen gets the same request after its first week: "Can I see this by month instead?" Then by product, then by country and month together. A pivot table is the answer that stops the re
