# Column menu Every column header carries a menu button (⋮). By default it's a flat list of actions plus a "Choose columns" submenu. Opt into the **tabbed** layout with `columnMenuTabs`: > Live demo: Tabbed column menu - https://svgrid.com/demos/185-column-menu-tabs/ ```svelte ``` The tabbed menu has three tabs: - **General** - sort ascending / descending / clear, pin left / right / unpin, autosize this / all columns, group / ungroup by the column, reset columns. - **Filter** - the column's filter UI (operator + value, a second AND/OR condition, and the value checklist). Shown only when filtering is enabled for the column. This is the same UI the header's funnel icon opens, so the two stay in sync. - **Columns** - a quick visibility checklist for every column, without leaving the menu. The menu opens on the **General** tab. The **Filter** tab is omitted for columns that aren't filterable (`filterable: false` or no `field`). ```svelte ``` For a docked, always-visible version of the Columns and Filters lists, see the [tool panel](https://svgrid.com/docs/help/columns/tool-panel/). ## What the menu carries The header menu holds sort, the filter for that column, and visibility. Pair it with `toolPanel` when people need to see every column at once rather than hunting through headers. ```svelte ``` ## Menu without the filter row `filterMode="menu"` keeps the header compact - the operators live behind the header button instead of taking a permanent row. Worth it when the grid is short and vertical space is the scarce thing. ```svelte ``` ## See also - [Filter conditions](https://svgrid.com/docs/help/filtering/filter-conditions/) - [Tool panel](https://svgrid.com/docs/help/columns/tool-panel/) - [Column groups](https://svgrid.com/docs/help/columns/column-groups/) --- SvGrid is the Svelte 5 data grid (`npm install @svgrid/grid`, MIT). This page: https://svgrid.com/docs/help/columns/column-menu/ . All docs: https://svgrid.com/llms.txt