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

File tree

The Pro version includes an enhanced file tree structure, organized for better usability and accessibility:

Directorypackages/
- Directorypro/
  - Directoryplugins/ Pro plugins source code
    …
- Directoryenterprise/
  - Directoryplugins/ Enterprise plugins (Pivot, etc.)
    …
- Directoryportal/ Documentation and examples website (Astro)
  - Directorysrc/
    Directorycomponents/ Interactive demo components
    …
    Directorycontent/docs/ MDX documentation files
    …
- Directoryreact/ React framework wrapper
  - …
- Directoryangular/ Angular framework wrapper
  - …
Directoryrevogrid/ Core grid library (Git submodule)
- …
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.