Example of Toolbar Template in React Gantt

/
/
Toolbar Template

This sample explains the way of rendering built-in and custom toolbar items at the same time.

More Details...

Loading....
Description

Custom toolbar items can be added by defining the toolbar as a collection of ItemModels. Actions for this customized toolbar items are defined in the toolbarClick event.

In this sample, the custom toolbar element Quick Filter and Clear Filter is rendered along with predefined toolbar items ExpandAll and CollapseAll. While clicking the Quick Filter toolbar item, the filtering occurs for Task Namecolumn.Filtered column can be cleared using Clear Filter toolbar item.

Gantt component features are segregated into individual feature-wise modules.To use selection, filter, toolbar and marker features, we need to inject the Selection , Filter , Toolbar and DayMarkers into the Inject Services section.


More information on the Essential® React Gantt Chart can be found in this documentation section.