@ag-grid-extension/angular

AgGridExtension

Directives

CreationRow

Adds an empty creation row at the bottom of the grid, for adding new rows.

// your.module.ts
import { CreationRowModule } from '@ag-grid-extension/angular';

Input(): `idField`
Output(): `creationRowReady`, `rowAddedToGrid`, `rowCreated`

@NgModule({
  imports: [CreationRowModule],
  ...
})

// Optional outputs
onCreationRowReady(event: CreationRowEvent){}
onRowAddedToGrid(event: CreationRowEvent){}
onRowCreated(event: CreationRowEvent){}

<!-- In your html -->
<ag-grid-angular
  creationRow
  idField="id"
  (creationRowReady)="onCreationRowReady($event)"
  (rowAddedToGrid)="onRowAddedToGrid($event)"
  (rowCreated)="onRowCreated($event)"
  ...
></ag-grid-angular>