Install RevoGrid Gantt
Install @revolist/gantt alongside the core grid and Pro. Add only the framework wrapper your application uses.
-
Install the packages.
Terminal window pnpm add @revolist/revogrid @revolist/revogrid-pro @revolist/ganttTerminal window pnpm add @revolist/revogrid @revolist/revogrid-pro @revolist/gantt @revolist/react-datagridTerminal window pnpm add @revolist/revogrid @revolist/revogrid-pro @revolist/gantt @revolist/vue3-datagridTerminal window pnpm add @revolist/revogrid @revolist/revogrid-pro @revolist/gantt @revolist/angular-datagrid -
Import the product styles once in the application entry point.
import '@revolist/revogrid-pro/dist/revogrid-pro.css';import '@revolist/gantt/styles.css'; -
Register
GanttPluginon the grid.import { GanttPlugin } from '@revolist/gantt';grid.plugins = [GanttPlugin]; -
Give the grid a visible size. Gantt needs both width and height to calculate its virtual viewport.
.project-gantt {display: block;width: 100%;height: 640px;}
Choose Your Framework
Section titled “Choose Your Framework”The general Pro and product installation guide covers private registry, pre-built, GitHub, source-build, and no-build distribution options.