Skip to content

RevoGrid Pro Starter Kit: Basics

RevoGrid Pro’s docs

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.

What You Will Find Here

The RevoGrid Pro documentation is created to assist you in mastering the more sophisticated aspects of our grid framework. Our goal is to:

  1. Save Integration Time: Provide you with comprehensive examples and documentation to streamline the integration of advanced features into your grid applications.
  2. Offer Pro-Level Examples: Present real-world examples that demonstrate how to implement complex Pro-level features effectively.
  3. Enhance Customization: Show you how to extend our existing plugins and create your own custom functionalities to suit your specific needs.
  4. 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.

What We Provide

To ensure you make the most out of RevoGrid Pro, we offer a range of resources and support:

  • ✅ Access to All Pro Examples, Plugins, and Documentation: Detailed guides, examples, and plugins exclusive to the Pro version.
  • ✅ Prioritized GitHub Issues and Pull Requests: Expedited handling of your GitHub issues and pull requests.
  • ✅ Prioritized Roadmap Items and Feature Requests: Influence the future development of RevoGrid by prioritizing your feature requests and roadmap items.

What You Can Do

With RevoGrid Pro, you can take advantage of advanced features and functionalities that enhance your grid application:

  1. Explore Advanced Plugins: Use our Pro-exclusive plugins to add sophisticated capabilities to your grid. Each plugin comes with its own set of documentation and examples.
  2. Customize and Extend: Leverage our core functionality to build and integrate custom features. The documentation will guide you through extending existing plugins or creating new ones from scratch.
  3. Implement Complex Features: Learn how to utilize advanced grid features such as cell merging, custom row operations, formula support, and more. Our examples will provide step-by-step instructions to help you integrate these features into your application.
  4. Optimize Performance: Access best practices and optimization tips to ensure that your grid performs efficiently, even with complex configurations and large datasets.

Getting Started

Most of the information you need can be found in our official documentation: RevoGrid Documentation. We suggest to start with key concepts from main docs. Or you can simply jump to the available features, plugins, and examples. In this Pro examples, we aim to provide you with additional tips and insights that will help you effectively manage your data.

🚀 Project Structure

Inside of your RevoGrid Pro project, you'll see the following folders and files:

.
├── public/
├── src/
│   ├── assets/
│   ├── components/
│   ├── content/
│   │   ├── docs/
│   │   └── config.ts
│   ├── plugins/
│   └── env.d.ts
├── astro.config.ts
├── package.json
└── tsconfig.json

Project looks for .md or .mdx files in the src/content/docs/ directory. Each file is exposed as a route based on its file name.

Images can be added to src/assets/ and embedded in Markdown with a relative link.

Static assets, like favicons, can be placed in the public/ directory.

🧞 Commands

All commands are run from the root of the project, from a terminal:

CommandAction
npm installInstalls dependencies
npm run devStarts local dev server at localhost:4321
npm run buildBuild your production site to ./dist/
npm run previewPreview your build locally, before deploying
npm run astro ...Run CLI commands like astro add, astro check
npm run astro -- --helpGet help using the Astro CLI

👀 Want to learn more?

Check out RevoGrid Pro’s docs, read the RevoGrid documentation.

Revogrid is a powerful data grid library made by Revolist OU.