Interaction guide

Columns data grid documentation

Add and remove columns.

What it means

Column actions let the menu insert or remove columns around the current selection.

When to use it

Use this when users need to expand or shrink a block of columns in place. Keep the page focused on column insertion and column removal only.

Implementation notes

Start with `api.buildContextMenuConfig({ includeColumns: true })`. Use extra column actions only when you need a product-specific remove flow.

Relevant API

Start with contextMenu.enabled, contextMenu.items, contextMenu.closeOnSelect, contextMenu.renderMenu, contextMenu.onOpen, contextMenu.onClose, contextMenu.onAction, contextMenu.handlers. Open the live API reference for types and defaults.