Try Our Live Demo
Select and Navigate Project Data
Interact efficiently with project information using row, cell, and multiple selection options. Visual highlighting and navigation cues improve usability across grid and chart views.

Select tasks by row
Row selection highlights complete task records in one step. Entire task entries can be reviewed while preserving the surrounding hierarchy. Useful when actions or navigation depend on the full task record rather than a single field.

Select individual cells
Cell selection highlights individual cells instead of entire task rows. Specific fields can be reviewed with greater precision. Useful when interactions depend on individual values rather than complete task records.

Highlight on hover
Hover highlighting marks the row or cell under the pointer during navigation. Visual focus is suitable when users need to track the current row or cell while moving across dense chart data.

Toggle selection easily
Toggle selection allows the current row or cell to be selected or cleared with repeated interaction. Selection changes can be managed more easily during task interaction and navigation. Useful when users frequently switch focus between different tasks or data cells.

Select related records with checkboxes
Hierarchy checkbox selection allows related parent and child records to be selected through checkboxes. Selection can be managed across connected records within the same task hierarchy. Useful when working with hierarchical project structures during review and editing.
See Why Developers Love Syncfusion
Our Customers Love Us
Having an excellent set of tools and a great support team, Syncfusion reduces customers’ development time. Here are some of their experiences.
Frequently Asked Questions
Can Syncfusion React Gantt Chart select multiple tasks?
Yes. React Gantt Chart supports multiple selection, allowing several rows or cells to remain selected at the same time. Multiple task records can be reviewed and managed together.
What selection options does Syncfusion React Gantt Chart support?
React Gantt Chart supports row selection, cell selection, single selection, multiple selection, toggle selection, hierarchy checkbox selection, and hover highlighting. Different selection options help users focus on and interact with schedule data.
How can users focus on specific task details in Syncfusion React Gantt Chart?
Cell selection enables users to highlight and interact with individual task fields, improving precision when reviewing schedule data.
How does hover highlighting help in Syncfusion React Gantt Chart?
Hover highlighting makes the current row or cell easier to identify while navigating the schedule. Focus and readability are improved when working with large or detailed project plans.
Resources
Learn more about React Gantt Chart
Explore demos, KB articles, and documentation to get the most out of React Gantt Chart.
Explore guides, APIs, and quick-start tips
See live use cases in action
Ask, share, and connect with peers
Find solutions and best practices fast
Get expert help when needed
Feature requests and bug reports
Track issues and suggest improvements
Awards
Greatness—it’s one thing to say you have it, but it means more when others recognize it. Syncfusion® is proud to hold the following industry awards.

