A sample Angular application demonstrating row and cell selection behavior in the Angular Gantt Chart component.

This repository provides an Angular example showing how to configure and control selection features in the Angular Gantt Chart, including multiple selection modes, persisted selection, and custom selection rules.

• Angular Gantt integration
• Row and cell selection support
• Multiple selection with toggle behavior
• Persisted selection across refresh
• Custom logic to prevent selection for specific rows and cells

The Gantt chart is configured with the following selection options:

• selectionSettings.mode = 'Both'
• selectionSettings.type = 'Multiple'
• selectionSettings.enableToggle = true
• selectionSettings.persistSelection = true

• Node.js (LTS or later)
• npm
• Angular CLI

npm install
npm start

Open http://localhost:4200.

• Data is imported from src/data.ts
• Uses @ViewChild('ganttObj') for the Gantt API
• Selection examples are included in app.component.ts
• Sorting is enabled with [allowSorting]="true"

• Explore Angular Gantt Chart
• Gantt Selection Documentation
• Gantt Chart Feature Overview
• Angular Gantt Chart Getting Started Guide
• Gantt API Documentation
• Gantt Chart Live Demos and Examples