---
product: "AG Grid"
title: "Columns Tool Panel"
description: "The Columns Tool Panel provides controls for managing the grid's columns. Use it to show, hide and reorder columns, group rows, aggregate data and pivot."
enterprise: true
framework: angular
version: "36.3.0"
related:
    - title: "Side Bar"
      url: "https://www.ag-grid.com/archive/36.3.0/angular-data-grid/side-bar/"
    - title: "Filters Tool Panel (New)"
      url: "https://www.ag-grid.com/archive/36.3.0/angular-data-grid/tool-panel-filters-new/"
    - title: "Filters Tool Panel"
      url: "https://www.ag-grid.com/archive/36.3.0/angular-data-grid/tool-panel-filters/"
    - title: "Custom Panel"
      url: "https://www.ag-grid.com/archive/36.3.0/angular-data-grid/component-tool-panel/"
llms: "https://www.ag-grid.com/archive/36.3.0/llms.txt"
---

# Columns Tool Panel

The Columns Tool Panel provides controls for managing the grid's columns. Use it to show, hide and reorder columns, group rows, aggregate data and pivot.

![Columns Tool Panel with the Top Area, Columns, Row Groups, Values and Column Labels (Pivot) sections labelled](https://www.ag-grid.com/archive/36.3.0/_astro/screenshot.C_oh9utk.png)

## Columns Tool Panel Sections

The Columns Tool Panel is split into the following sections, from top to bottom. The top area controls and the drop zones can be removed, see [Section Visibility](https://www.ag-grid.com/archive/36.3.0/angular-data-grid/tool-panel-columns-configuration/#section-visibility).

### Top Area

Turn [Pivot Mode](https://www.ag-grid.com/archive/36.3.0/angular-data-grid/pivoting/) on or off, expand or collapse all column groups, select or unselect all columns, and search the Columns section by column name.

### Columns Section

Lists every column available to the grid, grouped by column group. Select a column to show or hide it or, in pivot mode, to group, aggregate or pivot it. Drag a column to reorder it, to move it into a drop zone or, when enabled, onto the grid to show it.

To change the order of the list or replace it with a custom layout, see [Configuration](https://www.ag-grid.com/archive/36.3.0/angular-data-grid/tool-panel-columns-configuration/). To style or rename its columns, render custom labels, or change the context menu and drag image, see [Customisation](https://www.ag-grid.com/archive/36.3.0/angular-data-grid/tool-panel-columns-customising/).

### Drop Zones

The **Row Groups Section**, **Values Section** and **Column Labels (Pivot) Section** hold the columns used for the grid's [Row Grouping](https://www.ag-grid.com/archive/36.3.0/angular-data-grid/grouping/), [Aggregation](https://www.ag-grid.com/archive/36.3.0/angular-data-grid/aggregation/) and [Pivoting](https://www.ag-grid.com/archive/36.3.0/angular-data-grid/pivoting/).

> **Note**
>
> Columns can only be dragged into a drop zone when their column definition allows it: `enableRowGroup` for Row Groups, `enableValue` for Values and `enablePivot` for Column Labels. See [Configuration](https://www.ag-grid.com/archive/36.3.0/angular-data-grid/tool-panel-columns-configuration/).

### Buttons

Optional **Apply**, **Cancel** and **Reset** buttons at the bottom of the panel. **Apply** stages changes until the user applies them, and **Reset** restores the columns to the current column definitions. See [Deferred Updates](https://www.ag-grid.com/archive/36.3.0/angular-data-grid/tool-panel-columns-deferred-updates/).