@ag-grid-extension/angular

AgGridExtension

CreateRow

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

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

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

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

// Optional methods
onCreateRowReady(event: CreationRowReadyEvent){}
onRowAddedToGrid(node: RowNode){}
onRowCreated(node: RowNode){}

<!-- In your html -->
<ag-grid-angular
  createRow
  idField="id"
  [createRowReady]="onCreateRowReady($event)"
  [rowAddedToGrid]="onRowAddedToGrid($event)"
  [rowCreated]="onRowCreated($event)"
  ...
></ag-grid-angular>