Security News
ESLint is Now Language-Agnostic: Linting JSON, Markdown, and Beyond
ESLint has added JSON and Markdown linting support with new officially-supported plugins, expanding its versatility beyond JavaScript.
@ag-grid-enterprise/core
Advanced tools
Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components
@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.
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);
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 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 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.
This project contains ag-Grid-Enterprise features.
See www.ag-grid.com for an overview and full documentation.
Framework specific Getting Started guides:
Angular 1 | Angular 2 | Javascript | Polymer | React | TypeScript | VueJS
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
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 accounts@ag-grid.com with your license key
To build:
npm install
npm install gulp -g
gulp
or gulp release
FAQs
Advanced Data Grid / Data Table supporting Javascript / Typescript / React / Angular / Vue
The npm package @ag-grid-enterprise/core receives a total of 148,070 weekly downloads. As such, @ag-grid-enterprise/core popularity was classified as popular.
We found that @ag-grid-enterprise/core demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 0 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
ESLint has added JSON and Markdown linting support with new officially-supported plugins, expanding its versatility beyond JavaScript.
Security News
Members Hub is conducting large-scale campaigns to artificially boost Discord server metrics, undermining community trust and platform integrity.
Security News
NIST has failed to meet its self-imposed deadline of clearing the NVD's backlog by the end of the fiscal year. Meanwhile, CVE's awaiting analysis have increased by 33% since June.