# Migrating from Grid.js Grid.js is a small vanilla-JS table for search, sort, and pagination that you render into a DOM element. SvGrid does the same in a Svelte-5-native component and keeps going - virtualization, Excel-style filters, editing, grouping - when you outgrow the basics. > Estimated effort: **30 min - 1 hour** per table. > **Facts, checked 12 Sep 2026.** `gridjs` 6.2.0, MIT, last published 3 Mar 2024, 161,000 npm downloads in the 30 days to 10 Sep 2026. `@svgrid/grid` 3.0.3, MIT, last published 11 Sep 2026, 16,900 npm downloads in the same window. Bundle, minified and gzipped, each package built alone with Svelte external: SvGrid 3.0.4 97.6 KB JS + 10.5 KB CSS (measured 22 Sep 2026); `gridjs` 6.2.0 17.8 KB JS + 2.4 KB CSS (measured 12 Sep 2026). Grid.js pricing, as its site states it: Grid.js is MIT, free and open source; no licence is sold (https://gridjs.io/, read 12 Sep 2026). SvGrid: MIT core; @svgrid/enterprise from $299 per developer per year (Indie, under $1M revenue), $599 for Enterprise. Side by side, with sources: [SvGrid vs Grid.js](https://svgrid.com/compare/gridjs/). ## Vocabulary cheat sheet | Grid.js | sv-grid | | ----------------------------------------- | ----------------------------------------- | | `new Grid({ ... }).render(el)` | `` | | `columns: ['Name', 'Amount']` | `columns: [{ field, header }]` | | `columns: [{ name, formatter }]` | `{ header, cell: (c) => renderSnippet(...) }` | | `sort: true` | `rowSortingFeature` | | `search: true` | `api.setState({ globalFilter: query })` / filter feature | | `pagination: { limit: 25 }` | `showPagination` (+ page size) | | `server: { url, then }` | `externalSort` / `externalFilter` + refetch | ## Before / after The example at the end of this page runs against these rows: ```svelte ``` ```diff - import { Grid } from 'gridjs' - import 'gridjs/dist/theme/mermaid.css' - - new Grid({ - data: rows, - columns: ['Name', 'Amount'], - sort: true, search: true, - pagination: { limit: 25 }, - }).render(document.getElementById('grid')) + + + ``` ## What you gain - **Virtualization** for large datasets (Grid.js renders the page). - **Excel-style filter menu**, **inline editing**, **grouping**, and **tree / master-detail** when you need them. - **Reactive data** - no `.render(el)` re-instantiation. - A **headless engine** and an **imperative API** plus `@svgrid/mcp`. ## Frequently asked questions ### When should I move from Grid.js to SvGrid? When you need more than search / sort / paginate - virtualization for big datasets, inline editing, Excel-style filters, grouping, or tree data. For a small table, Grid.js stays lighter. ### Is SvGrid MIT-licensed like Grid.js? Yes. `@svgrid/grid` is MIT. Only the optional `@svgrid/enterprise` add-on is paid. ### Does SvGrid support server-side data like Grid.js? Yes. Set `externalSort` / `externalFilter` and refetch on the `onSortingChange` / `onFiltersChange` events. ## What you end up with Search, sort and pagination - the whole Grid.js surface, plus editing. ```svelte ``` ## See also - [SvGrid vs Grid.js](https://svgrid.com/compare/gridjs/) - the side-by-side comparison - [Getting started](https://svgrid.com/docs/getting-started/) - a working grid in ~15 lines - [Server-side data](https://svgrid.com/docs/help/server-side-data/) - the external-data pattern --- SvGrid is the Svelte 5 data grid (`npm install @svgrid/grid`, MIT). This page: https://svgrid.com/docs/help/migrating-from-gridjs/ . All docs: https://svgrid.com/llms.txt