Data Grid - Pivot Panel component 🚧

Customize the Data Grid's pivot panel.

The pivot panel is part of the pivoting feature and is enabled by default when showToolbar is passed to the <DataGridPremium /> component.

You can use the Pivot Panel Trigger and Toolbar components when you need to customize the pivot panel trigger, or when implementing a custom toolbar.

Basic usage

The demo below shows how to add a pivot panel trigger to a custom toolbar.

import { PivotPanelTrigger } from '@mui/x-data-grid-premium';

<PivotPanelTrigger />;

<PivotPanelTrigger /> is a button that opens and closes the pivot panel. It renders the baseButton slot.

Use the render prop to replace default elements. See Components usage—Customization for more details.

You must apply a text label or an aria-label attribute to the <PivotPanelTrigger />.

See the documentation below for a complete reference to all of the props and classes available to the components mentioned here.