A table that turns into cards on a phone: one option in a free React data gridOpen a wide table on a phone and the same thing happens every time. The first two columns fill the screen, the rest are somewhere to the right, and as soon as you scroll sideways to read a price you l3d ago · 7 min readkanunilabs.hashnode.dev
Cell, batch, row, form or popup: five ways to edit a table in React, all in the free gridMost 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 Oct 19 · 6 min readkanunilabs.hashnode.dev
Two example apps on our own React data grid and pivot table and the nine bugs they foundFor 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 aOct 18 · 6 min readkanunilabs.hashnode.dev
Server-side sorting and filtering for a React data grid, and five places your SQL quietly disagreesWhen 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 foOct 16 · 12 min readkanunilabs.hashnode.dev
How to build a sales report your users can rearrange, with a React pivot tableA 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. EOct 14 · 9 min readkanunilabs.hashnode.dev