Enterprise version
(To use row grouping etc)
Pacakge.json
"dependencies": {
"@ag-grid-community/angular": "23.2.1",
"@ag-grid-enterprise/all-modules": "23.2.1",
"@ag-grid-community/client-side-row-model": "23.2.1",}
Main.ts
import { enableProdMode } from '@angular/core';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { AppModule } from './app/app.module';
import { environment } from './environments/environment';
import { LicenseManager } from '@ag-grid-enterprise/core';
if (environment.production) {
enableProdMode();
}
if (environment.agGridLicenseKey) {
LicenseManager.setLicenseKey(environment.agGridLicenseKey);
}
platformBrowserDynamic().bootstrapModule(AppModule)
.catch(err => console.error(err));
YourModule.ts
import { AgGridModule } from '@ag-grid-community/angular';
import { AllModules, ModuleRegistry } from "@ag-grid-enterprise/all-modules";
ModuleRegistry.registerModules(AllModules);
YourComponent.ts
import {
ColDef,
ColumnApi,
FilterChangedEvent,
GridApi,
GridOptions,
RowGroupOpenedEvent,
RowNode,
FirstDataRenderedEvent,
GridReadyEvent,
GridSizeChangedEvent,
SelectionChangedEvent,
} from '@ag-grid-enterprise/all-modules';
import { ClientSideRowModelModule } from '@ag-grid-community/client-side-row-model';
YourCompnent.html
<ag-grid-angular
class="ag-theme-balham"
[ngClass]="gridClasses"
[gridOptions]="gridOptions"
(gridReady)="onGridReady($event)"
></ag-grid-angular>
Community Version
Your Component.html:
<ag-grid-angular
[modules]="modules"
></ag-grid-angular>
YourCOmponent.ts
import { ColDef, GridApi, GridOptions, GridReadyEvent, RowNode, GridSizeChangedEvent, Module } from '@ag-grid-enterprise/all-modules';
import { ClientSideRowModelModule } from '@ag-grid-community/client-side-row-model';
public modules: Module[] = [ClientSideRowModelModule];
No comments:
Post a Comment