@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

Module	Info
@ag-grid-enterprise/core

AG Grid Enterprise

---

AG Grid is a fully-featured and highly customizable JavaScript data grid. It delivers outstanding performance, has no third-party dependencies and integrates smoothly with all major JavaScript frameworks.

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

Features

Besides the standard set of features you'd expect from any grid:

• Column Interactions (resize, reorder, and pin columns)
• Pagination
• Sorting
• Row Selection

Here are some of the features that make AG Grid stand out:

• Grouping / Aggregation *

• Accessibility support

• Custom Filtering

• In-place Cell Editing

• Records Lazy Loading *

• Server-Side Records Operations *

• Live Stream Updates

• Hierarchical Data Support & Tree View *

• Customizable Appearance

• Customizable Cell Contents

• State Persistence

• Keyboard Navigation

• Data Export to CSV

• Data Export to Excel *

• Excel-like Pivoting *

• Row Reordering

• Copy / Paste

• Column Spanning

• Pinned Rows

• Full Width Rows

• Integrated Charting

• Sparklines

• The features marked with an asterisk are available in the enterprise version only.

Check out developers documentation for a complete list of features or visit our official docs for tutorials and feature demos.

• Get Started with JavaScript
• Get Started with Angular
• Get Started with React
• Get Started with Vue

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 Support Portal.

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

Asking Questions

Look for similar problems on StackOverflow using the ag-grid tag, or refer to our Support Portal. If nothing seems related, post a new message there. Do not use GitHub issues to ask questions.

Contributing

AG Grid is developed by a team of co-located developers in London. If you want to join the team check out our jobs listing or send your application to [e-mail].

License

Please refer to the LICENSE and SUPPORT_AND_MAINTENANCE.