Renderer
Vue data grid
The Vue Data Grid for complex, data-heavy apps
Fast virtual scrolling, inline editing, custom Vue cell renderers, and TypeScript-friendly APIs for dashboards, admin tools, and production SaaS.
npm i @revolist/vue3-datagridMarket Data · RevoGrid
Trusted by thousands of teams building critical data products
Companies using RevoGrid
Vue grid capabilities
Everything Vue teams need in a data grid
RevoGrid keeps large Vue data surfaces fast while giving developers direct control over reactive source data, cell renderers, editors, events, and grid methods.
Virtual scroll at scale
Render large row sets smoothly while Vue owns your application state and RevoGrid handles the grid viewport.
Spreadsheet-grade editing
Inline editing, keyboard navigation, range selection, and lifecycle events are built into the core grid.
Vue cell renderers
Wrap Vue components with VGridVueTemplate(Component) for badges, controls, status chips, and custom cell UI.
Custom Vue editors
Register Vue editors with VGridVueEditor(Component), then attach them to editable columns by name.
Composition API ready
Keep columns and source in refs, use component state naturally, and call grid methods through the wrapped element.
Production licensing
Start with the MIT core, then add Pro licensing per developer when your app needs advanced modules.
Vue quick start
A working Vue grid in one component
Install the Vue package, keep columns and source reactive, then add renderers, editors, and edit events as your product grows.
When your Vue grid grows
Add advanced modules without replacing the grid
Start with the fast Vue data grid core, then add commercial workflows when users need more than a table.
▶✕
Pivot analytics Pro Advanced
Turn Vue grid data into grouped, aggregated reporting views without embedding a separate BI surface.
Learn more
▶✕
Gantt planning Pro Advanced
Build project and resource planning screens with scheduling logic, dependencies, and grid-native editing.
Learn more
▶✕
Spreadsheet workflows Pro
Add formulas, copy/paste, validation, history, and Excel-style workflows to Vue data products.
Learn moreVue data grid comparison
Vue Data Grid vs AG Grid Vue, Syncfusion, and TanStack Table
RevoGrid is strongest when your Vue app needs fast scrolling, editing, custom cells, and a clear commercial upgrade path.
| Capability | TanStack Table | RevoGrid | Syncfusion Vue Grid | AG Grid Vue |
|---|---|---|---|---|
| Virtualized data grid | custom | ✓ | ✓ | ✓ |
| Inline editing | custom | ✓ | ✓ | ✓ |
| Custom Vue cells | ✓ | ✓ | ✓ | ✓ |
| Time to first grid | medium | Minutes | medium | medium |
| Open-source core | ✓ | ✓ | × | ✓ |
| Production SaaS licensing | n/a | perDev | enterprise | enterprise |
| Advanced modules | × | ✓ Pro | ✓ | ✓ |
FAQ
Vue data grid questions
Yes. RevoGrid depends on browser APIs, so render the grid on the client side or guard the component load while keeping surrounding Vue page content server-rendered.
Yes. The Vue package exports RevoGrid helpers and core RevoGrid types so columns, rows, editors, renderers, and grid methods can be typed.
Yes. Wrap a Vue component with VGridVueTemplate(Component) and assign it to a column's cellTemplate property.
RevoGrid supports Vue, React, Angular, Svelte, JavaScript, and TypeScript-oriented projects, so teams can keep one grid model across multiple front-end stacks.
Yes. RevoGrid has typed APIs, framework examples, and Pro MCP access for teams that want Claude, ChatGPT, Cursor, Codex, or other coding agents to retrieve real grid context.
Yes. The MIT-licensed Open Source plan can be used in production, including commercial applications, subject to the documented attribution requirements.
Pro Lite covers one product or app and includes typed Pro packages through private npm. Pro Advanced adds unlimited product usage, original private source repository access, Pivot, Gantt, Scheduler, and priority support.
Yes. Request a 30-day trial for approved private npm access. The public trial repository is boilerplate for evaluation setup; it does not contain the Pro packages.
Build a faster Vue data grid with RevoGrid.
Start with the open-source Vue package, then upgrade when your product needs Pro modules, support, and production workflows.
Open-source core. Pro Lite: $149/year sale ($199 regular). Pro Advanced: $499/year. Per-developer licensing. No deployment counting.