React Gantt Chart - Selection

Interact with Tasks Through Flexible Selection

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.

React Gantt Chart row selection for task-level review

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.

React Gantt Chart cell selection for field comparison

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.

React Gantt Chart hover highlighting

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.

React Gantt Chart toggle selection

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.

React Gantt Chart hierarchy checkbox selection

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

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.

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.

Cell selection enables users to highlight and interact with individual task fields, improving precision when reviewing schedule data.

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.

Documentation

Explore guides, APIs, and quick-start tips

Example demos

See live use cases in action

Community forum

Ask, share, and connect with peers

Knowledge base articles

Find solutions and best practices fast

Contact support

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.

Up arrow icon
Syncfusion Feedback