# RevoGrid Documentation

> RevoGrid is a high-performance JavaScript data grid for Vue, React, Angular, Svelte, and plain JavaScript apps.

Use this file as a compact map for AI agents. For full normalized Markdown context, fetch /llms-full.txt.

## Agent and MCP Context

- MCP server: https://mcp.rv-grid.com
- Agent setup guide: https://rv-grid.com/guide/mcp
- Full docs export: https://rv-grid.com/llms-full.txt

## Start Here

- [JavaScript Data Grid Quick Start](https://rv-grid.com/guide) - Learn how to install RevoGrid, render your first JavaScript data grid, and move from a basic setup to filtering, editing, and framework integrations.
- [RevoGrid MCP for AI Agents](https://rv-grid.com/guide/mcp) - Connect Codex, Cursor, Claude Code, and VS Code to the RevoGrid MCP server for version-aware docs, examples, migration notes, and typed API context.
- [RevoGrid Installation](https://rv-grid.com/guide/installation) - Install RevoGrid with npm, pnpm, yarn, bun, or a CDN, then register the Web Components loader for JavaScript or TypeScript projects.
- [API](https://rv-grid.com/guide/api/revoGrid)
- [JavaScript Data Grid Demo for Large Datasets](https://rv-grid.com/demo) - Test RevoGrid with a large editable dataset, virtual scrolling, filtering, sorting, and framework-ready JavaScript data grid interactions.

## Overview and Framework Landing Pages

- [JavaScript Data Grid for Complex Web Apps](https://rv-grid.com/)
- [React Data Grid — Fast, Editable, Virtual Scroll | RevoGrid](https://rv-grid.com/react-data-grid)
- [Vue Data Grid - Fast, Editable, Virtual Scroll | RevoGrid](https://rv-grid.com/vue-data-grid)
- [Angular Data Grid - Fast, Editable, Virtual Scroll | RevoGrid](https://rv-grid.com/angular-data-grid)
- [Svelte Data Grid - Fast, Editable, Virtual Scroll | RevoGrid](https://rv-grid.com/svelte-data-grid)

## RevoGrid Pro

- [RevoGrid Pro](https://rv-grid.com/pro)
- [RevoGrid Pro Pricing and Feature Comparison](https://rv-grid.com/pro/feature-table)
- [RevoGrid Pro Feature Videos and Demos](https://rv-grid.com/pro/videos)

## Pivot

- [Fast JavaScript Pivot Table for Web](https://rv-grid.com/pivot)

## Core Guides

- [JavaScript Kanban Board Component](https://rv-grid.com/kanban)
- [JavaScript Data Grid Quick Start](https://rv-grid.com/guide)
- [RevoGrid Installation](https://rv-grid.com/guide/installation)
- [JavaScript Data Grid Overview](https://rv-grid.com/guide/overview)
- [Data Source Loading and Syncing](https://rv-grid.com/guide/data-sync)
- [RevoGrid State Persistence](https://rv-grid.com/guide/state-persistence)
- [Data Grid Width/Height](https://rv-grid.com/guide/grid.size)
- [RevoGrid Best Practices](https://rv-grid.com/guide/patterns)
- [RevoGrid Performance and Virtualization](https://rv-grid.com/guide/performance)
- [Programmatic Grid Control](https://rv-grid.com/guide/programmatic-control)
- [Proxy Source Editing](https://rv-grid.com/guide/proxy-source)
- [RevoGrid MCP for AI Agents](https://rv-grid.com/guide/mcp)
- [RevoGrid Advanced Configuration](https://rv-grid.com/guide/advanced-configuration)
- [RevoGrid Event Patterns and Lifecycles](https://rv-grid.com/guide/events-guide)
- [TSX Template](https://rv-grid.com/guide/jsx.template)
- [RevoGrid Features and Definitions](https://rv-grid.com/guide/defs)
- [API](https://rv-grid.com/guide/api/revoGrid)
- [Revogrid Events](https://rv-grid.com/guide/api/events)
- [RevoGrid Viewports](https://rv-grid.com/guide/viewports)
- [Data Grid Column Configuration](https://rv-grid.com/guide/column)
- [Autosize feature](https://rv-grid.com/guide/column/autosize)
- [Column Header Template](https://rv-grid.com/guide/column/header.template)
- [Header Properties](https://rv-grid.com/guide/column/properties)
- [Readonly](https://rv-grid.com/guide/column/readonly)
- [Column Ordering](https://rv-grid.com/guide/column/order)
- [Pin/Freeze (Fixed columns)](https://rv-grid.com/guide/column/pin)
- [Column Grouping](https://rv-grid.com/guide/column/grouping)
- [RevoGrid Column Types and Column Formats](https://rv-grid.com/guide/column/types)
- [Column Stretching in Data Grid](https://rv-grid.com/guide/column/stretch)
- [Data Grid Cell Configuration](https://rv-grid.com/guide/cell)
- [RevoGrid Cell Renderer](https://rv-grid.com/guide/cell/renderer)
- [RevoGrid Custom Cell Formats](https://rv-grid.com/guide/cell/custom-formats)
- [Data Grid Cell Editors](https://rv-grid.com/guide/cell/editor)
- [Data & Rows in Data Grids](https://rv-grid.com/guide/row)
- [Pin or Freeze Rows in Data Grid](https://rv-grid.com/guide/row/pin)
- [Row Header in Data Grid](https://rv-grid.com/guide/row/headers)
- [Row Drag and Drop in Data Grid](https://rv-grid.com/guide/row/order)
- [Row Grouping in Data Grid](https://rv-grid.com/guide/row/grouping)
- [Accessibility in Data Grids](https://rv-grid.com/guide/wcag)
- [RTL (Right-to-Left) Support](https://rv-grid.com/guide/rtl)
- [RevoGrid Editing](https://rv-grid.com/guide/editing)
- [Data Grid Export](https://rv-grid.com/guide/export.plugin)
- [RevoGrid PDF Export](https://rv-grid.com/guide/pdf-export)
- [Export Excel](https://rv-grid.com/guide/data-grid-export-excel)
- [RevoGrid Filtering](https://rv-grid.com/guide/filters)
- [RevoGrid Plugin System](https://rv-grid.com/guide/plugin)
- [Security](https://rv-grid.com/guide/security)
- [Server-side data, pagination, sorting, and filtering](https://rv-grid.com/guide/server-side-data)
- [Slots](https://rv-grid.com/guide/slots)
- [Data Grid Sorting](https://rv-grid.com/guide/sorting)
- [Single file bundle](https://rv-grid.com/guide/standalone)
- [SSR (Server side rendering)](https://rv-grid.com/guide/ssr)
- [RevoGrid Themes](https://rv-grid.com/guide/theme)
- [Real-Time Updates in RevoGrid](https://rv-grid.com/guide/realtime-updates)
- [Dash Data Grid](https://rv-grid.com/guide/dash)
- [Dash Getting Started](https://rv-grid.com/guide/dash/getting-started)
- [Dash DataFrames](https://rv-grid.com/guide/dash/dataframes)
- [Dash Columns](https://rv-grid.com/guide/dash/columns)
- [Dash Callbacks and Events](https://rv-grid.com/guide/dash/callbacks-and-events)
- [Dash Edit Synchronization](https://rv-grid.com/guide/dash/edit-synchronization)
- [Dash Property Reference](https://rv-grid.com/guide/dash/property-reference)
- [Dash Core API Reference](https://rv-grid.com/guide/dash/core-api-reference)
- [Licensing](https://rv-grid.com/guide/licensing)
- [Evaluate RevoGrid Pro](https://rv-grid.com/trial)
- [Considering Removing the Attribution? 🤔](https://rv-grid.com/guide/attribution)
- [Contributing](https://rv-grid.com/guide/CONTRIBUTING)
- [RevoGrid Migration Guides](https://rv-grid.com/guide/migration)

## Scheduling

- [JavaScript Gantt Chart Component](https://rv-grid.com/gantt)
- [JavaScript Scheduler & Event Calendar](https://rv-grid.com/jsscheduler)

## Framework Guides

- [TypeScript Data Grid](https://rv-grid.com/guide/ts)
- [Angular Data Grid](https://rv-grid.com/guide/angular)
- [Angular Data Grid Cell Template](https://rv-grid.com/guide/angular/renderer)
- [Angular Data Grid Editor](https://rv-grid.com/guide/angular/editor)
- [Angular Tree Data Grid](https://rv-grid.com/guide/angular/tree)
- [React Data Grid](https://rv-grid.com/guide/react)
- [React Data Grid Cell Template Support](https://rv-grid.com/guide/react/renderer)
- [React Data Grid Editor](https://rv-grid.com/guide/react/editor)
- [Vue 3 Data Grid](https://rv-grid.com/guide/vue3)
- [Vue Data Grid Cell Template](https://rv-grid.com/guide/vue3/renderer)
- [Vue Data Grid Editor](https://rv-grid.com/guide/vue3/editor)
- [Svelte Data Grid](https://rv-grid.com/guide/svelte)
- [Svelte Data Grid Cell Template](https://rv-grid.com/guide/svelte/renderer)
- [Svelte Data Grid Editor](https://rv-grid.com/guide/svelte/editor)
- [Svelte Tree Data Grid](https://rv-grid.com/guide/svelte/tree)
- [Stencil Data Grid](https://rv-grid.com/guide/stencil)
- [Vue 2 Data Grid](https://rv-grid.com/guide/vue2)
- [Vue 2 Native Cell Render Support in RevoGrid](https://rv-grid.com/guide/vue2/renderer)
- [Vue 2 Data Grid Editor](https://rv-grid.com/guide/vue2/editor)
- [TanStack Integration](https://rv-grid.com/guide/tanstack)
- [TanStack Tree Data Grid](https://rv-grid.com/guide/tanstack/tree)

## Framework Examples

- [Demo Svelte Data Grid](https://rv-grid.com/guide/demos/svelte/svelte-datagrid)
- [StencilJs Getting Started](https://rv-grid.com/guide/demos/stencil/stencil.sample)
- [TanStack Data Grid Demo with RevoGrid](https://rv-grid.com/guide/demos/tanstack)
- [Demo React Data Grid and Table](https://rv-grid.com/guide/demos/react/react-datagrid)
- [React Native Cell component in Data Grid](https://rv-grid.com/guide/demos/react/react.cell)
- [React Native Editor Data Grid component](https://rv-grid.com/guide/demos/react/react.editor)
- [React Grouping View Data Grid Table](https://rv-grid.com/guide/demos/react/react-grouping)
- [React Multi Select Data Grid Table](https://rv-grid.com/guide/demos/react/react-multiselect)
- [React Tree Data Grid](https://rv-grid.com/guide/demos/react/react-tree)
- [Demo Angular Data Grid Standalone](https://rv-grid.com/guide/demos/angular/angular-datagrid)
- [Native Cell component - Angular Data Grid](https://rv-grid.com/guide/demos/angular/angular.cell)
- [Column resize - Angular Data Grid](https://rv-grid.com/guide/demos/angular/angular.column-resize)
- [Header component & Tooltip - Angular Data Grid](https://rv-grid.com/guide/demos/angular/angular.header)
- [Native Editor component - Angular Data Grid](https://rv-grid.com/guide/demos/angular/angular.editor)
- [Native Date Editor - Angular Data Grid](https://rv-grid.com/guide/demos/angular/angular.editor-custom)
- [Focus Catch - Angular Data Grid](https://rv-grid.com/guide/demos/angular/angular.focus)
- [Inventory Spreadsheet Demo - Angular Data Grid](https://rv-grid.com/guide/demos/angular/angular.full-demo)
- [Getting Started Module - Angular Data Grid](https://rv-grid.com/guide/demos/angular/angular.sample.module)
- [Angular Tree Data Grid](https://rv-grid.com/guide/demos/angular/angular-tree)
- [Get Started with Vue 3 Data Grid Demo - Composition API](https://rv-grid.com/guide/demos/vue/vue3-datagrid)
- [Get Started with Vue 3 Data Grid Demo - Options API](https://rv-grid.com/guide/demos/vue/vue.sample.options)
- [Native Cell component (Composition API) - Vue 3 Data Grid](https://rv-grid.com/guide/demos/vue/vue.cell.composition)
- [Vue 3 Data Grid Cell Editor component (Composition API)](https://rv-grid.com/guide/demos/vue/vue.editor.composition)
- [Multi Select Virtual List - Vue 3 Data Grid](https://rv-grid.com/guide/demos/vue/vue.select)
- [Row Grouping - Vue 3 Data Grid](https://rv-grid.com/guide/demos/vue/vue.grouping)
- [Vue 3 Tree Data Grid](https://rv-grid.com/guide/demos/vue/vue-tree)
- [Getting Started - Vue 2 Data Grid](https://rv-grid.com/guide/demos/vue/vue2-datagrid)
- [Native Cell component - Vue 2 Data Grid](https://rv-grid.com/guide/demos/vue/vue2.cell)
- [Native Editor component - Vue 2 Data Grid](https://rv-grid.com/guide/demos/vue/vue2.editor)
- [Native Date Editor component - Vue 2 Data Grid](https://rv-grid.com/guide/demos/vue/vue2.date)
- [Grouping - Vue 2 Data Grid](https://rv-grid.com/guide/demos/vue/vue2.grouping)
- [Multiselect Virtual list - Vue 2 Data Grid](https://rv-grid.com/guide/demos/vue/vue2.list)
- [Multi Select Data Grid Virtual list - Vue 2 Data Grid](https://rv-grid.com/guide/demos/vue/vue2.select)
- [Demo JavaScript Data Grid](https://rv-grid.com/guide/demos/js/js.overview)
- [Row Grouping in Data Grid](https://rv-grid.com/guide/demos/js/js.grouping)
- [Individual row sizes](https://rv-grid.com/guide/demos/js/js.custom.rows)
- [Date column](https://rv-grid.com/guide/demos/js/js.date)
- [Filter Plugin](https://rv-grid.com/guide/demos/js/js.filtering)
- [JSX and TSX Data Grid Template Demo](https://rv-grid.com/guide/demos/jsx/jsx.template)
- [TypeScript Tree Data Grid](https://rv-grid.com/guide/demos/jsx/jsx-tree)

## Live Demos

- [JavaScript Data Grid Demo for Large Datasets](https://rv-grid.com/demo)
- [AI Prompt Library Data Grid Demo](https://rv-grid.com/demo/ai-prompts)
- [Project Portfolio Row Grouping Demo](https://rv-grid.com/demo/project-portfolio)
- [Tree Data Grid Hierarchy Demo](https://rv-grid.com/demo/tree-data)
- [Advanced Data Grid Filtering Demo](https://rv-grid.com/demo/filtering)
- [Infinity Scroll Data Grid Demo](https://rv-grid.com/demo/infinity-scroll)
- [Column Collapse Data Grid Demo](https://rv-grid.com/demo/column-collapse)
- [Context Menu & Cell Formatting Demo](https://rv-grid.com/demo/context-menu)
- [Row Master Detail Data Grid Demo](https://rv-grid.com/demo/row-master)
- [Excel-Style Spreadsheet Data Grid Demo](https://rv-grid.com/demo/excel)
- [Audit History Data Grid Demo](https://rv-grid.com/demo/audit-history)
- [Project Tracker Data Grid Demo](https://rv-grid.com/demo/color)
- [Grid, Kanban, Gantt and Scheduler Demo](https://rv-grid.com/demo/planning)
- [JavaScript Gantt Chart Demo – RevoGrid Gantt](https://rv-grid.com/demo/gantt)
- [Large Dataset Gantt Demo](https://rv-grid.com/demo/gantt-big-data)
- [20Y-Timeline Gantt Demo](https://rv-grid.com/demo/gantt-horizontal-big-data)
- [JavaScript Scheduler and Shift Planning Demo](https://rv-grid.com/demo/event-scheduler)
- [JavaScript Kanban Board Demo | RevoGrid Kanban](https://rv-grid.com/demo/kanban)
- [50K-Task JavaScript Kanban Demo | RevoGrid Kanban](https://rv-grid.com/demo/kanban-performance)
- [100K JavaScript Kanban Demo | RevoGrid Kanban](https://rv-grid.com/demo/kanban-server-loading)
- [JavaScript Pivot Table Component Demo](https://rv-grid.com/demo/pivot)