Welcome to the RevoGrid Pro documentation!

This guide is designed to help you understand and utilize the advanced features of RevoGrid Pro. We are going to provide you with the tools and knowledge needed to build complex, high-performance grid applications. Our goal is to:

Save Integration Time: Provide you with comprehensive examples and documentation to streamline the integration of advanced features into your grid applications.
Offer Pro-Level Examples: Present real-world examples that demonstrate how to implement complex Pro-level features effectively.
Enhance Customization: Show you how to extend our existing plugins and create your own custom functionalities to suit your specific needs.
Enable Advanced Understanding: Open up the Grid Core functionality and provide deep insights for those who are interested in customizing and extending the grid at a fundamental level.

How to Get Started

Most of the information you need is available in our docs portal. Start with Installation, then review key concepts from the main docs. From there, jump to the available features, plugins, and examples. To jump start your project, you can use our Boilerplates for Pro and Enterprise which include examples for all major frameworks. In these Pro and Enterprise examples, we provide additional tips and insights to help you manage complex data workflows.

Use AI with RevoGrid Pro

If you are using Codex, Cursor, Claude Code, or VS Code MCP clients, start with the hosted RevoGrid MCP guide:

How to use RevoGrid Pro MCP

Repository layout

The source repository is a pnpm workspace. Pro and Enterprise packages live under packages/, the documentation and runnable demo apps live under apps/, shared example sources live under examples/, and Playwright suites live under tests/.

Directoryapps/
- Directoryportal/ Documentation website (Astro/Starlight)
  - Directorysrc/
    Directorycomponents/ Components rendered by documentation pages
    …
    Directorycontent/docs/ MDX documentation files
    …
- Directorydemos/ Runnable demo catalog and framework previews
  - Directorysrc/
    Directorycatalog/ Demo catalog metadata
    …
    Directorypreview/ Framework preview lifecycles
    …
Directoryexamples/
- Directorycomponents/ Shared demo components used by docs and demos
  - Directorysrc/components/ Vanilla, React, Vue, and Angular examples
    …
- Directoryangular/ Angular preview app and wrapper examples
  - …
- Directoryreact/ React preview app and wrapper examples
  - …
- Directorycore/ Core example helpers
  - …
Directorypackages/
- Directorypro/ RevoGrid Pro package
  - Directoryplugins/ Pro plugin source code
    …
  - Directorysrc/ Package entrypoints and shared exports
    …
- Directoryenterprise/ RevoGrid Enterprise package
  - Directoryplugins/ Enterprise plugin source code, including Pivot
    …
  - Directorysrc/ Package entrypoints and shared exports
    …
Directoryrevogrid/ Core grid library (Git submodule)
- …
Directorytests/
- Directorye2e-pro/ Pro browser tests
  - …
- Directorye2e-enterprise/ Enterprise browser tests
  - …
- Directorye2e-demos/ Demo browser tests
  - …
- Directoryhelpers/ Shared E2E helpers
  - …
pnpm-workspace.yaml Workspace configuration

Installation and Usage

Installation Instructions To get started, follow the installation process in our Installation Guide. This guide includes private npm, GitHub npm, pre-built release, and source-build options for both Pro and Enterprise packages.
Import Pro or Enterprise Packages and CSS After installation, import the packages and CSS based on the features you need. Use Pro for advanced plugin features, and add Enterprise for Pivot and Enterprise-only capabilities. Here is a typical setup:

1
// Pro
2
import '@revolist/revogrid-pro/dist/revogrid-pro.css';
3
import { RowOddPlugin } from '@revolist/revogrid-pro';
4

5
// Enterprise (includes Enterprise-only plugins such as Pivot)
6
import '@revolist/revogrid-enterprise/dist/revogrid-enterprise.css';
7
import { PivotPlugin } from '@revolist/revogrid-enterprise';

Make sure package styles are included so features render correctly.

Review the Documentation Begin by exploring our detailed Pro documentation. We advice to start from simpler examples, then move to more advanced scenarios:

Implement Examples Follow the provided examples to see how advanced features are implemented. Use these examples as a starting point for your own customizations.
Utilize Support Resources If you encounter challenges or have questions, make use of our support options. Reach out for personalized assistance or schedule a call with one of our creators.

Conclusion

With detailed examples, extensive documentation we aim to provide everything you need to build powerful, customized grid applications efficiently. Dive in, explore the possibilities, and take your grid solutions to the next level with RevoGrid Pro. For any questions or additional support, don’t hesitate to reach out.