Skip to contentSkip to content
🚀 Material UI and MUI X v9 are out! Check out the announcement blogpost.

ComputedColumnsPanelTrigger API

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

Demos

Import

import { ComputedColumnsPanelTrigger } from '@mui/x-data-grid-premium/components';
// or
import { ComputedColumnsPanelTrigger } 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 computed columns panel. It renders the baseButton slot. It renders nothing when computed columns are not available (the formula feature is missing, or disableComputedColumns, disableFormulas or dataSource is set) and while pivoting is active.

Props

A function to customize rendering of the component.

Type:func
| string

If true, the button is disabled.

Type:bool

The id of the button element.

Type:string

A function to customize rendering of the component.

Type:element
| func

The ARIA role of the button element.

Type:string

The size of the button.

Type:'large'
| 'medium'
| 'small'

Element placed before the children.

Type:node

The tabIndex of the button element.

Type:number

The title of the button element.

Type:string

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.