Security News
pnpm 10.0.0 Blocks Lifecycle Scripts by Default
pnpm 10 blocks lifecycle scripts by default to improve security, addressing supply chain attack risks but sparking debate over compatibility and workflow changes.
ag-grid-enterprise
Advanced tools
Advanced Data Grid / Data Table supporting Javascript / Typescript / React / Angular / Vue
The ag-grid-enterprise npm package is a powerful data grid component for JavaScript frameworks like Angular, React, and Vue. It provides advanced features for data manipulation, visualization, and interaction, making it suitable for enterprise-level applications.
Pivoting
Pivoting allows you to dynamically change the structure of your data, summarizing it in a way that makes it easier to analyze. The code sample demonstrates how to enable pivot mode and define pivot columns.
const gridOptions = {
columnDefs: [
{ field: 'athlete', pivot: true },
{ field: 'age' },
{ field: 'country' },
{ field: 'year' },
{ field: 'date' },
{ field: 'sport' },
{ field: 'gold' },
{ field: 'silver' },
{ field: 'bronze' },
{ field: 'total' }
],
pivotMode: true,
rowData: null // set row data here
};
Row Grouping
Row Grouping allows you to group rows based on the values of one or more columns. The code sample shows how to enable row grouping for the 'country' and 'year' columns.
const gridOptions = {
columnDefs: [
{ field: 'athlete' },
{ field: 'age' },
{ field: 'country', rowGroup: true },
{ field: 'year', rowGroup: true },
{ field: 'date' },
{ field: 'sport' },
{ field: 'gold' },
{ field: 'silver' },
{ field: 'bronze' },
{ field: 'total' }
],
rowData: null // set row data here
};
Aggregation
Aggregation allows you to perform calculations on your data, such as summing up values. The code sample demonstrates how to set up aggregation functions for the 'gold', 'silver', 'bronze', and 'total' columns.
const gridOptions = {
columnDefs: [
{ field: 'athlete' },
{ field: 'age' },
{ field: 'country' },
{ field: 'year' },
{ field: 'date' },
{ field: 'sport' },
{ field: 'gold', aggFunc: 'sum' },
{ field: 'silver', aggFunc: 'sum' },
{ field: 'bronze', aggFunc: 'sum' },
{ field: 'total', aggFunc: 'sum' }
],
rowData: null // set row data here
};
Excel Export
Excel Export allows you to export your grid data to an Excel file. The code sample shows how to trigger an Excel export when the grid is ready.
const gridOptions = {
columnDefs: [
{ field: 'athlete' },
{ field: 'age' },
{ field: 'country' },
{ field: 'year' },
{ field: 'date' },
{ field: 'sport' },
{ field: 'gold' },
{ field: 'silver' },
{ field: 'bronze' },
{ field: 'total' }
],
rowData: null, // set row data here
onGridReady: function(params) {
params.api.exportDataAsExcel();
}
};
Handsontable is a JavaScript data grid component with a spreadsheet-like interface. It offers features like data validation, sorting, filtering, and CRUD operations. Compared to ag-grid-enterprise, Handsontable has a more Excel-like user experience but may lack some of the advanced enterprise features like pivoting and complex aggregation.
React Table is a lightweight, fast, and extendable data grid built specifically for React. It provides basic features like sorting, filtering, and pagination. While it is highly customizable and easy to use, it does not offer as many built-in advanced features as ag-grid-enterprise, such as pivoting and Excel export.
SlickGrid is a JavaScript grid/spreadsheet component that offers high performance and a rich set of features like column resizing, reordering, and custom cell formatting. It is highly customizable but requires more effort to set up and configure compared to ag-grid-enterprise.
This project contains AG Grid Enterprise features.
See www.ag-grid.com for an overview and full documentation.
Framework specific Getting Started guides:
Angular | Javascript | 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 Support Portal.
To Sign Up: Send an email to accounts@ag-grid.com with your license key
FAQs
Advanced Data Grid / Data Table supporting Javascript / Typescript / React / Angular / Vue
The npm package ag-grid-enterprise receives a total of 184,582 weekly downloads. As such, ag-grid-enterprise popularity was classified as popular.
We found that ag-grid-enterprise demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 4 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
pnpm 10 blocks lifecycle scripts by default to improve security, addressing supply chain attack risks but sparking debate over compatibility and workflow changes.
Product
Socket now supports uv.lock files to ensure consistent, secure dependency resolution for Python projects and enhance supply chain security.
Research
Security News
Socket researchers have discovered multiple malicious npm packages targeting Solana private keys, abusing Gmail to exfiltrate the data and drain Solana wallets.