Intelligent Grid examples
Each page is a small, self-contained use of the grid built from dist/. Run npm run demo and open them from here; view the page source to copy the code. Full documentation lives in docs/.
Basic gridThe minimum: columns, data, types and the default navbar.
Sorting & filteringMulti-column sort, Excel AutoFilter, search, formula filters and the filter API.
Advanced filterVisual query builder with nested E / OU / NÃO groups and the SorlaDB find() JSON.
Spreadsheet featuresRanges, fill handle, undo, find / replace, grouping with subtotals, data bars, sparklines, comments, import.
Editing & validationEditors, validation rules, cancelable events, a custom editor and paste.
FormulasCalculated columns, cell formulas, footers, conditional formats and custom functions.
Pages with fetchReal HTTP pages from the demo backend; loaded rows stay, filters go to the server as find() JSON.
WebSocket infinite scrollPages over one sorla-db connection, and rows other users change pushed in place.
SSE loading in blocks100 000 rows streamed in blocks of 5 000 with progress and resume.
Infinite scroll (append mode)Pages loaded from an API, server-side or local sort and filters.
Change trackingInserted / updated / deleted rows, history, saving with a form, accept and discard.
Selection & exportSingle and multiple selection, bulk actions, CSV and real XLSX export.
Theming & i18nCSS variables, dark mode, locales (en / pt-BR) and custom labels.
Browser bundle (no modules)Classic script tags with
window.IntelligentGrid.