@ag-grid-enterprise/column-tool-panel

What is @ag-grid-enterprise/column-tool-panel?

@ag-grid-enterprise/column-tool-panel is a feature-rich package that provides advanced column management capabilities for ag-Grid, a popular JavaScript data grid. It allows users to easily show, hide, reorder, and group columns through an intuitive user interface.

What are @ag-grid-enterprise/column-tool-panel's main functionalities?

Show/Hide Columns

This feature allows users to show or hide columns using the Columns Tool Panel. The code sample demonstrates how to configure the Columns Tool Panel in the ag-Grid.

{"columnDefs":[{"headerName":"Make","field":"make"},{"headerName":"Model","field":"model"},{"headerName":"Price","field":"price"}],"defaultColDef":{"sortable":true,"filter":true},"sideBar":{"toolPanels":[{"id":"columns","labelDefault":"Columns","labelKey":"columns","iconKey":"columns","toolPanel":"agColumnsToolPanel"}],"defaultToolPanel":"columns"}}

Reorder Columns

This feature allows users to reorder columns using the Columns Tool Panel. The code sample shows how to set the initial order of columns in the ag-Grid.

{"columnDefs":[{"headerName":"Make","field":"make"},{"headerName":"Model","field":"model"},{"headerName":"Price","field":"price"}],"defaultColDef":{"sortable":true,"filter":true},"sideBar":{"toolPanels":[{"id":"columns","labelDefault":"Columns","labelKey":"columns","iconKey":"columns","toolPanel":"agColumnsToolPanel"}],"defaultToolPanel":"columns"},"columnOrder":["model","make","price"]}

Group Columns

This feature allows users to group columns using the Columns Tool Panel. The code sample demonstrates how to define column groups in the ag-Grid.

{"columnDefs":[{"headerName":"Group","children":[{"headerName":"Make","field":"make"},{"headerName":"Model","field":"model"}]},{"headerName":"Price","field":"price"}],"defaultColDef":{"sortable":true,"filter":true},"sideBar":{"toolPanels":[{"id":"columns","labelDefault":"Columns","labelKey":"columns","iconKey":"columns","toolPanel":"agColumnsToolPanel"}],"defaultToolPanel":"columns"}}

Other packages similar to @ag-grid-enterprise/column-tool-panel

react-table

react-table is a lightweight, fast, and extendable data grid built for React. It provides basic column management features such as sorting, filtering, and resizing, but lacks the advanced column grouping and tool panel capabilities of @ag-grid-enterprise/column-tool-panel.

handsontable

handsontable is a JavaScript/HTML5 data grid component with a spreadsheet-like interface. It offers a wide range of features including column sorting, filtering, and grouping. However, it does not provide a dedicated tool panel for column management like @ag-grid-enterprise/column-tool-panel.

slickgrid

slickgrid is a JavaScript grid/spreadsheet component that offers high performance and a rich set of features. It supports column reordering, resizing, and grouping, but does not have a built-in tool panel for column management as provided by @ag-grid-enterprise/column-tool-panel.

README

ag-Grid-Enterprise

This project contains ag-Grid-Enterprise features.

See www.ag-grid.com for an overview and full documentation.

Frameworks Supported

Framework specific Getting Started guides:

Angular 1 | Angular 2 | Javascript | Polymer | React | TypeScript | VueJS | Web Components | Aurelia

This is not free software, this software is covered by copyright and to use you need a commercial license.

Please see files: LICENSE.md SUPPORT_AND_MAINTENANCE.md

Issue Reporting

If you are an Enterprise customer (or are Evaluating ag-Grid Enterprise) and wish to report a Bug or raise a new Feature Request please do so on our Members Forum.

To Sign Up: Send an email to [e-mail] with your license key

Building

To build:

• npm install
• npm install gulp -g
• gulp or gulp release