ColumnsPanelTrigger API

API reference docs for the React ColumnsPanelTrigger component. Learn about the props, CSS, and other APIs of this exported module.

Demos

For examples and details on the usage of this React component, visit the component demo pages:

Data Grid - Columns Panel component 🚧

Import

import { ColumnsPanelTrigger } from '@mui/x-data-grid/components';
// or
import { ColumnsPanelTrigger } from '@mui/x-data-grid';
// or
import { ColumnsPanelTrigger } from '@mui/x-data-grid-pro';
// or
import { ColumnsPanelTrigger } from '@mui/x-data-grid-premium';

Learn about the difference by reading this guide on minimizing bundle size.

A button that opens and closes the columns panel. It renders the baseButton slot.

Props

className

Override or extend the styles applied to the component.

Type:func | string

render

A function to customize rendering of the component.

Type:element | func

The ref is forwarded to the root element.

Source code

If you did not find the information in this page, consider having a look at the implementation of the component for more detail.