https://web.reogrid.net/articles Articles on building Excel-like spreadsheets in React and Vue. en https://web.reogrid.net/articles/vlookup-sumifs-javascript-spreadsheet https://web.reogrid.net/articles/vlookup-sumifs-javascript-spreadsheet An order sheet that prices and totals itself: pull unit prices out of a product master with VLOOKUP and XLOOKUP, handle the codes that aren't there, then roll the lines up by category with SUMIF, SUMIFS and COUNTIFS — including the criteria syntax and the two lookup functions ReoGrid Web does not have. Sun, 06 Sep 2026 00:00:00 GMT formula vlookup xlookup sumifs javascript spreadsheet https://web.reogrid.net/articles/japanese-era-dates-in-javascript-spreadsheet https://web.reogrid.net/articles/japanese-era-dates-in-javascript-spreadsheet Japanese government and finance forms don't accept 令和1年 — they want 令和元年. Here's how Excel's number format codes work in ReoGrid Web: era tokens g/gg/ggg and e/ee, the [$-ja-JP-x-gannen] locale tag, bracket colors in English and Japanese, conditional sections, and the ▲ negative convention accounting departments expect. Wed, 02 Sep 2026 00:00:00 GMT number-format japanese wareki date localization javascript https://web.reogrid.net/articles/generate-pdf-invoices-in-the-browser https://web.reogrid.net/articles/generate-pdf-invoices-in-the-browser A PDF invoice pipeline that never leaves the browser: design the form once with {{token}} cells, bind a plain data object so the detail band repeats per line item, then export a real vector PDF with saveAsPdf. Page breaks, headers, footers, per-row formulas, and a batch loop that turns one template into a hundred documents. Mon, 31 Aug 2026 00:00:00 GMT report-binding pdf invoice template printing javascript https://web.reogrid.net/articles/introducing-reogrid-web-v1-5 https://web.reogrid.net/articles/introducing-reogrid-web-v1-5 ReoGrid Web v1.5 fills in the everyday gestures: Excel-style find & replace on Ctrl/Cmd+F, drag-to-move for ranges, rows and columns, page header/footer with Excel's own format codes, and PDF export that embeds the right CJK font when you name a locale. No breaking API changes. Sat, 08 Aug 2026 00:00:00 GMT release v1.5 find-replace pdf printing spreadsheet https://web.reogrid.net/articles/pivot-table-javascript-spreadsheet https://web.reogrid.net/articles/pivot-table-javascript-spreadsheet Turn a few hundred rows of raw records into a cross-tab summary that recomputes as the data changes. One createPivot call declares rows, columns, and aggregations; the handle's update / refresh / remove drive it from code. A full worked example with region × product sales, plus filters, grand totals, and the Lite-vs-Pro line. Fri, 17 Jul 2026 00:00:00 GMT pivot-table aggregation data-analysis data-table spreadsheet javascript https://web.reogrid.net/articles/sort-filter-javascript-spreadsheet https://web.reogrid.net/articles/sort-filter-javascript-spreadsheet Add Excel-style column sorting and header-dropdown filters to a data table in the browser. One createAutoFilter call gives users the dropdowns; getColumnValues / setColumnFilter drive the same filters from code. A full worked example with a live visible-row counter, plus the sort-vs-filter and Lite-vs-Pro details. Fri, 10 Jul 2026 00:00:00 GMT sort filter auto-filter data-table spreadsheet javascript https://web.reogrid.net/articles/data-validation-javascript-spreadsheet https://web.reogrid.net/articles/data-validation-javascript-spreadsheet Dropdown lists, numeric and date bounds, custom formula checks — reject invalid input the moment it's typed, with zero form-validation code. A full order-entry example using ReoGrid Web's Excel-style data validation, including input prompts, error alerts, and xlsx round-trip. Tue, 07 Jul 2026 00:00:00 GMT data-validation spreadsheet forms data-entry javascript ui https://web.reogrid.net/articles/introducing-reogrid-web-v1-4 https://web.reogrid.net/articles/introducing-reogrid-web-v1-4 ReoGrid Web v1.4 turns the grid into a document tool: Excel-style page layout with a page-break preview and PDF export powered by our own in-house engine that paginates exactly like the preview — plus pivot tables, table styles, data validation, report binding, cell comments, and named ranges. No breaking API changes. Wed, 01 Jul 2026 00:00:00 GMT release v1.4 pdf pivot printing spreadsheet https://web.reogrid.net/articles/ai-batch-process-spreadsheet-data https://web.reogrid.net/articles/ai-batch-process-spreadsheet-data A practical pipeline for running an LLM over a whole spreadsheet: convert xlsx to JSON in the browser, send rows to Claude for classification or cleanup, and write the results back into the grid — with the Batch API for scale. Sat, 27 Jun 2026 00:00:00 GMT ai llm xlsx json automation claude https://web.reogrid.net/articles/extract-excel-data-as-json https://web.reogrid.net/articles/extract-excel-data-as-json A practical pattern for turning user-uploaded Excel files into clean JSON your app can use — header detection, type coercion, multiple sheets, and posting straight to an API or database. Sat, 27 Jun 2026 00:00:00 GMT excel xlsx json data integration https://web.reogrid.net/articles/xlsx-to-json-in-the-browser https://web.reogrid.net/articles/xlsx-to-json-in-the-browser Turn an .xlsx file into JSON entirely client-side: lossless ReoGrid JSON for round-tripping, or plain data rows for your app. Practical code, files never leave the browser. Sat, 27 Jun 2026 00:00:00 GMT excel xlsx json javascript import https://web.reogrid.net/articles/conditional-formatting-javascript-spreadsheet https://web.reogrid.net/articles/conditional-formatting-javascript-spreadsheet Color-code a spreadsheet by its values — red stock warnings, green over-target sales, status-tinted rows — without writing a single styling loop. A full worked example using ReoGrid Web's three conditional-formatting rule types, with live re-evaluation as data changes. Sun, 21 Jun 2026 00:00:00 GMT conditional-formatting spreadsheet dashboard cell-styles javascript ui https://web.reogrid.net/articles/cross-sheet-formulas-sales-summary https://web.reogrid.net/articles/cross-sheet-formulas-sales-summary A hands-on multi-sheet tutorial for ReoGrid Web 1.3: build three branch sheets, then a Summary sheet that consolidates them entirely with cross-sheet formulas like ='Tokyo'!E6 and =SUM(Osaka!B2:B5). Edit any branch number and the summary recalculates across sheets. Wed, 17 Jun 2026 00:00:00 GMT tutorial multi-sheet formula workbook spreadsheet https://web.reogrid.net/articles/introducing-reogrid-web-v1-3 https://web.reogrid.net/articles/introducing-reogrid-web-v1-3 ReoGrid Web v1.3 turns the grid into a workbook of N worksheets — a core-provided sheet tab bar, per-sheet undo, whole-workbook xlsx/JSON I/O, and cross-sheet formula references like =Sheet1!A1. No breaking API changes. Thu, 11 Jun 2026 00:00:00 GMT release v1.3 multi-sheet workbook spreadsheet https://web.reogrid.net/articles/cell-types-checkbox-dropdown-progress https://web.reogrid.net/articles/cell-types-checkbox-dropdown-progress Bring the interactive parts of an Excel business sheet — checkboxes, pick lists, progress bars — to the web without rebuilding them as HTML forms. A full worked example: a weekly attendance sheet using ReoGrid Web's 8 built-in cell types. Sat, 06 Jun 2026 00:00:00 GMT cell-types checkbox dropdown spreadsheet attendance ui https://web.reogrid.net/articles/million-rows-spreadsheet-lazy-loading https://web.reogrid.net/articles/million-rows-spreadsheet-lazy-loading Three weeks ago we wrote that a million rows was out of scope for ReoGrid Web. We changed our mind. Here's the delay-load data source: a scrollbar that represents 1,000,000 rows while the grid holds only the few hundred you can actually see. Sat, 06 Jun 2026 00:00:00 GMT performance big-data lazy-loading spreadsheet javascript https://web.reogrid.net/articles/excel-layout-forms-to-web https://web.reogrid.net/articles/excel-layout-forms-to-web A lot of business 'spreadsheets' are really forms — merged cells, borders, fixed column widths, embedded formulas. Two practical ways to bring them to the web with ReoGrid Web: load the existing .xlsx as-is, or rebuild it in code. With working examples. Thu, 04 Jun 2026 00:00:00 GMT excel xlsx forms invoice spreadsheet merged-cells https://web.reogrid.net/articles/angular-spreadsheet-grid https://web.reogrid.net/articles/angular-spreadsheet-grid ReoGrid Web ships React and Vue wrappers, but the core is framework-agnostic. Here's how to drop a canvas-based, Excel-like spreadsheet into an Angular app in about 30 lines — with editing, formulas, and xlsx import. Wed, 03 Jun 2026 00:00:00 GMT angular spreadsheet data-grid excel typescript https://web.reogrid.net/articles/excel-import-export-javascript https://web.reogrid.net/articles/excel-import-export-javascript How to load .xlsx files into the browser, export a grid back to Excel, and convert between xlsx and JSON — all client-side, with styles and formats preserved. Practical code with ReoGrid Web. Wed, 03 Jun 2026 00:00:00 GMT excel xlsx import export json javascript https://web.reogrid.net/articles/reogrid-dotnet-to-web https://web.reogrid.net/articles/reogrid-dotnet-to-web If you've used ReoGrid in WinForms or WPF, the Web edition will feel familiar: same Excel-like model, same xlsx fidelity, now in React, Vue, and vanilla JS. Here's what carries over, what changes, and how to bridge the two. Wed, 03 Jun 2026 00:00:00 GMT dotnet winforms wpf migration spreadsheet web https://web.reogrid.net/articles/reogrid-vs-luckysheet-x-spreadsheet https://web.reogrid.net/articles/reogrid-vs-luckysheet-x-spreadsheet A practical comparison of three canvas/spreadsheet-style JS libraries — Luckysheet, x-spreadsheet, and ReoGrid Web — covering rendering, xlsx fidelity, maintenance, licensing, and which one fits your project. Wed, 03 Jun 2026 00:00:00 GMT comparison luckysheet x-spreadsheet spreadsheet open-source canvas https://web.reogrid.net/articles/online-xlsx-viewer-react https://web.reogrid.net/articles/online-xlsx-viewer-react Most 'XLSX viewer online' tools upload your spreadsheet to a server you don't control. Here is a complete React component that opens .xlsx files entirely in the browser — read-only, with styles, merges, and formulas preserved. No upload, no backend, no account. Mon, 01 Jun 2026 00:00:00 GMT xlsx excel react viewer file-api https://web.reogrid.net/articles/vue-invoice-with-editable-formulas https://web.reogrid.net/articles/vue-invoice-with-editable-formulas A real Vue 3 invoice component: editable quantities and unit prices, automatic line subtotals via formulas, SUM, tax, total — all in a single canvas-backed spreadsheet. The math updates live, and a computed ref mirrors the grand total into your Vue UI. Export to xlsx in one call (Pro). Fri, 29 May 2026 00:00:00 GMT vue tutorial formula invoice spreadsheet https://web.reogrid.net/articles/excel-like-forms-on-the-web https://web.reogrid.net/articles/excel-like-forms-on-the-web Most developers don't realise the browser can load, display, and edit real Excel files without a server — and that the same spreadsheet component can build invoice-quality forms from scratch, or blend both. Here's how ReoGrid Web makes it possible. Tue, 26 May 2026 00:00:00 GMT tutorial invoice spreadsheet excel https://web.reogrid.net/articles/reogrid-web-vs-ag-grid-handsontable https://web.reogrid.net/articles/reogrid-web-vs-ag-grid-handsontable An honest comparison of the three main JavaScript grid libraries from the ReoGrid team's perspective: where each one fits, what their tradeoffs are, and how to decide which one your project actually needs. Mon, 18 May 2026 00:00:00 GMT comparison ag-grid handsontable spreadsheet data-grid react vue https://web.reogrid.net/articles/react-invoice-with-editable-formulas https://web.reogrid.net/articles/react-invoice-with-editable-formulas A real React invoice component: editable quantities and unit prices, automatic line subtotals via formulas, SUM, tax, total — all in a single canvas-backed spreadsheet. The math updates in real time. Users can export to xlsx (Pro). Sun, 17 May 2026 00:00:00 GMT react tutorial formula invoice spreadsheet https://web.reogrid.net/articles/load-xlsx-in-browser-no-server https://web.reogrid.net/articles/load-xlsx-in-browser-no-server Drag an .xlsx file onto a web page, render it in a spreadsheet UI with cell styles, merges, borders, freeze panes, and formulas preserved. No backend, no SheetJS, no progress modals — and it loads a 440k-cell file in 3.7 seconds. Sat, 16 May 2026 00:00:00 GMT xlsx excel react vue file-api performance https://web.reogrid.net/articles/canvas-spreadsheet-10000-rows-60fps https://web.reogrid.net/articles/canvas-spreadsheet-10000-rows-60fps A canvas-based spreadsheet doesn't have a DOM bottleneck, but it can still die a thousand cuts in the 2D context. Here's how ReoGrid Web renders a dense 10,000-row sheet without per-row React reconciliation, virtualization gymnastics, or jank. Fri, 15 May 2026 00:00:00 GMT performance canvas react vue spreadsheet https://web.reogrid.net/articles/introducing-reogrid-web-v1-2 https://web.reogrid.net/articles/introducing-reogrid-web-v1-2 ReoGrid Web v1.2 ships 109 built-in formulas, Excel-style color-coded reference editing, an auto-fill handle, and ~70% fewer canvas calls per scroll frame — in a single ~100 KB (min+gzip) package with first-class React and Vue wrappers. Thu, 14 May 2026 00:00:00 GMT release v1.2 react vue spreadsheet