JavaScript Data GridTool Panels
Enterprise
This section covers Tool Panels, available via the grid's Side Bar, which allow for easy access to powerful grid operations such as grouping, pivoting, and filtering. Custom Tool Panels can also be provided to the grid.
Overview
Tool Panels are panels that sit in the Side Bar to the right of the grid. The Side Bar allows access to the tool panels via buttons that work like tabs. The Side Bar and a Tool Panel are shown in the screenshot below.
Provided Tool Panels
The grid provides the following Tool Panels:
- Columns Tool Panel - to control aggregations, grouping and pivoting.
- Filters Tool Panel - to perform multiple column filters.
Custom Tool Panel Components
In addition to the provided Tool Panels, it is also possible to provide custom Tool Panels.
For more details refer to the section: Custom Tool Panel Components.
API
The gridApi has the following methods that can be used to interact with the tool panel.
Events
The following events are emitted from the tool panel.
tool | The tool panel visibility has changed. Fires twice if switching between panels - once with the old panel and once with the new panel. See: Tool Panel Events |
tool | The tool panel size has been changed. See: Tool Panel Events |
Next Up
Before covering the Tool Panels in detail, continue to the next section to learn about the Side Bar.