Smart UI Components & Libraries – Grid, Scheduler, Gantt, Kanban for Angular, React, Next.js, Vue, Blazor, JavaScript › Forums › Data Grid › Can someone confirm if I’m configuring: Grid properly? › Reply To: Can someone confirm if I’m configuring: Grid properly?
October 20, 2025 at 10:04 am
#113115
Keymaster
Hi,
In the Grid’s API Docs – https://www.htmlelements.com/docs/grid-api/, take a look at the events section which shows how to handle events.
Here is an example for reference:
<smart-grid
#grid
[dataSource]="data"
[columns]="columns"
(cellBeginEdit)="onCellBeginEdit($event)"
(cellEndEdit)="onCellEndEdit($event)"
(rowSelect)="onRowSelect($event)"
></smart-grid>
onCellBeginEdit(event: CustomEvent) {
const { row, column } = event.detail;
console.log('Editing started for:', row, column);
}
onCellEndEdit(event: CustomEvent) {
const { row, column, value } = event.detail;
console.log(<code>New value in ${column.dataField}:</code>, value);
}
onRowSelect(event: CustomEvent) {
console.log('Selected row:', event.detail.row);
}
Hope this helps.
Best regards,
Markov
Smart UI Team
https://www.htmlelements.com/