@ag-grid-enterprise/core

What is @ag-grid-enterprise/core?

@ag-grid-enterprise/core is a powerful data grid package for building feature-rich and highly customizable data tables in web applications. It offers advanced functionalities such as filtering, sorting, grouping, pivoting, and more, making it suitable for enterprise-level applications.

What are @ag-grid-enterprise/core's main functionalities?

Filtering

This feature allows users to filter data in the grid based on various criteria. The code sample demonstrates how to set up different types of filters for columns.

const gridOptions = {
  columnDefs: [
    { field: 'athlete', filter: 'agTextColumnFilter' },
    { field: 'age', filter: 'agNumberColumnFilter' },
    { field: 'country', filter: 'agSetColumnFilter' }
  ],
  rowData: null
};

// setup the grid after the page has finished loading
const eGridDiv = document.querySelector('#myGrid');
new agGrid.Grid(eGridDiv, gridOptions);

Sorting

This feature allows users to sort data in the grid by clicking on the column headers. The code sample shows how to enable sorting for specific columns.

const gridOptions = {
  columnDefs: [
    { field: 'athlete', sortable: true },
    { field: 'age', sortable: true },
    { field: 'country', sortable: true }
  ],
  rowData: null
};

// setup the grid after the page has finished loading
const eGridDiv = document.querySelector('#myGrid');
new agGrid.Grid(eGridDiv, gridOptions);

Grouping

This feature allows users to group rows based on the values in a specific column. The code sample demonstrates how to enable row grouping for a column.

const gridOptions = {
  columnDefs: [
    { field: 'athlete' },
    { field: 'age' },
    { field: 'country', rowGroup: true }
  ],
  rowData: null,
  groupDefaultExpanded: 1
};

// setup the grid after the page has finished loading
const eGridDiv = document.querySelector('#myGrid');
new agGrid.Grid(eGridDiv, gridOptions);

Pivoting

This feature allows users to pivot data in the grid, transforming rows into columns based on the values in a specific column. The code sample shows how to enable pivot mode and set up a pivot column.

const gridOptions = {
  columnDefs: [
    { field: 'athlete' },
    { field: 'age' },
    { field: 'country', pivot: true }
  ],
  rowData: null,
  pivotMode: true
};

// setup the grid after the page has finished loading
const eGridDiv = document.querySelector('#myGrid');
new agGrid.Grid(eGridDiv, gridOptions);

Other packages similar to @ag-grid-enterprise/core

handsontable

Handsontable is a JavaScript data grid component for web applications. It offers similar functionalities such as filtering, sorting, and grouping, but it is known for its Excel-like appearance and behavior. Compared to @ag-grid-enterprise/core, Handsontable is more focused on providing a spreadsheet-like experience.

react-table

React Table is a lightweight, fast, and extendable data grid built specifically for React applications. It provides basic functionalities like sorting and filtering but relies on a plugin system for more advanced features. Compared to @ag-grid-enterprise/core, React Table is more modular and flexible but may require more setup for complex use cases.

slickgrid

SlickGrid is a JavaScript grid/spreadsheet component that offers high performance and a rich set of features. It is highly customizable and can handle large datasets efficiently. Compared to @ag-grid-enterprise/core, SlickGrid is more performance-oriented and may require more effort to configure and customize.

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