# Migrating from jqxGrid (jQWidgets) jqxGrid and SvGrid come from the **same team**. jqxGrid is the mature, multi-framework grid (jQuery core with Angular, React, and Vue integrations); SvGrid is the Svelte-5-native member of the family. If your team is consolidating on Svelte 5, this guide maps a jqxGrid setup onto SvGrid - and the concepts will feel familiar because the engineering lineage is shared. > Estimated effort: **2-4 hours** per grid. Most of the work is moving > from the imperative jQuery source / API to reactive `$state`. > **Facts, checked 12 Sep 2026.** `jqwidgets-scripts` 26.0.0, https://www.jqwidgets.com/license/, last published 9 Jul 2026, 41,900 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.28 99.7 KB JS + 11.3 KB CSS (measured 29 Oct 2026). jqxGrid pricing, as its site states it: jqwidgets.com lists the Developer License at $499 (on sale at $399) per developer, perpetual and royalty-free with one year of updates and support, and the Team License at $1,499 for five or more developers; the free Community License excludes the Grid (https://www.jqwidgets.com/license/, 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 jqxGrid (jQWidgets)](https://svgrid.com/compare/jqxgrid/). ## Vocabulary cheat sheet | jqxGrid | sv-grid | | ---------------------------------------- | ----------------------------------------- | | `$('#grid').jqxGrid({ ... })` | `` | | `source` / `jqxDataAdapter` | `data` array (or `externalSort/Filter`) | | `{ text: 'Name', datafield: 'name' }` | `{ header: 'Name', field: 'name' }` | | `cellsrenderer` | `cell: (c) => renderSnippet(...)` | | `columntype` / cell editor | `editorType` | | `cellsformat: 'c2'` | `format: { type: 'currency', currency: 'USD' }` | | `sortable` / `filterable` | `rowSortingFeature` / `columnFilteringFeature` | | `groupable` + `groups` | `columnGroupingFeature` + `api.setGroupBy()` | | `pageable` | `showPagination` | | `jqxGrid('updatebounddata')` | reassign the `$state` data array | | `editable` + `cellendedit` event | `enableInlineEditing` + `onCellValueChange` | ## Before / after The example at the end of this page runs against these rows: ```svelte ``` ```diff - const source = { localdata: rows, datatype: 'array' } - const adapter = new $.jqx.dataAdapter(source) - $('#grid').jqxGrid({ - source: adapter, sortable: true, filterable: true, pageable: true, editable: true, - columns: [ - { text: 'Name', datafield: 'name' }, - { text: 'Amount', datafield: 'amount', cellsformat: 'c2' }, - ], - }) + + + ``` ## What changes - **jQuery source / dataAdapter → reactive `$state`.** No `updatebounddata()`; reassign the array. - **`cellsrenderer` → snippet cells** via `renderSnippet`. - **jQWidgets theme → `--sg-*` tokens** (or your Tailwind theme). ## A note on family Moving to SvGrid keeps you with the same team's Svelte-5 grid rather than switching vendors. The Enterprise tier and support come from the same people behind jqxGrid. If your app is still on jQuery / Angular / React / Vue, jqxGrid remains the right tool; reach for SvGrid when the codebase is Svelte 5. ## Frequently asked questions ### Is SvGrid made by the same team as jqxGrid? Yes. SvGrid is built by jQWidgets - the same team behind jqxGrid - specifically for Svelte 5, rebuilt around runes and snippets with an MIT community core. ### How do jqxGrid columns map to SvGrid? `text` becomes `header`, `datafield` becomes `field`, `cellsrenderer` becomes a `renderSnippet` cell, and `cellsformat` maps onto the `format` config. Sorting / filtering / grouping move to registered features. ### Should I migrate my jQuery jqxGrid app to SvGrid? Only if you are moving that app to Svelte 5. If it stays on jQuery / Angular / React / Vue, jqxGrid is the better fit. SvGrid is the native choice once the stack is Svelte. ## What you end up with Editing plus range selection and a totals row - the jqxGrid working set. ```svelte ``` ## See also - [SvGrid vs jqxGrid](https://svgrid.com/compare/jqxgrid/) - the side-by-side comparison - [About SvGrid](https://svgrid.com/about/) - built by jQWidgets - [Getting started](https://svgrid.com/docs/getting-started/) - a working grid in ~15 lines --- SvGrid is the Svelte 5 data grid (`npm install @svgrid/grid`, MIT). This page: https://svgrid.com/docs/help/migrating-from-jqxgrid/ . All docs: https://svgrid.com/llms.txt