Ag-grid License Key Example Apr 2026

main.js :

If the license is missing or invalid, a watermark appears. 5.1 React App.js or entry point:

ag-grid_the_company_name_2023_10_01_2024_09_30_1_0_ABC123DEF456... Step 1: Install AG-Grid Enterprise npm install ag-grid-enterprise Step 2: Set License Key Before Grid Initialization import LicenseManager from 'ag-grid-enterprise'; // Set license key once in your app entry point LicenseManager.setLicenseKey( 'your_license_key_here_xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx' ); Step 3: Initialize Grid import Grid from 'ag-grid-community'; const gridOptions = columnDefs: [ field: 'make' , field: 'model' , field: 'price' ], rowData: [ make: 'Toyota', model: 'Celica', price: 35000 , make: 'Ford', model: 'Mondeo', price: 32000 ], // Enterprise feature example pivotMode: true ; ag-grid license key example

const eGridDiv = document.getElementById('myGrid'); new Grid(eGridDiv, gridOptions);

:

export default App; main.ts :

const rowData = [ athlete: 'Michael Phelps', country: 'US', gold: 8 , athlete: 'Usain Bolt', country: 'Jamaica', gold: 3 ]; field: 'price' ]

<template> <ag-grid-vue class="ag-theme-alpine" style="height: 500px" :columnDefs="columnDefs" :rowData="rowData" :pivotMode="true"> </ag-grid-vue> </template> <script> import AgGridVue from 'ag-grid-vue3';

import React from 'react'; import LicenseManager from 'ag-grid-enterprise'; import AgGridReact from 'ag-grid-react'; import 'ag-grid-community/styles/ag-grid.css'; import 'ag-grid-community/styles/ag-theme-alpine.css'; LicenseManager.setLicenseKey('your_license_key_here'); rowData: [ make: 'Toyota'

import LicenseManager from 'ag-grid-enterprise'; LicenseManager.setLicenseKey('your_license_key_here'); :