Data Grid - Pivot Panel 🚧

Customize the Data Grid's pivot panel.

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.