how to make editable angular material table

Mubeen Naeem answered on February 15, 2023 Popularity 8/10 Helpfulness 2/10

answer how to make editable angular material table

how to make editable angular material table

Comment

<td mat-cell *matCellDef="let item" [contentEditable]="true" 
(blur)="onBlur(item, 'name', $event)">{{item.name}}</td>

onBlur(item: TableItem, property: keyof TableItem, event: any) {
  item[property] = event.target.textContent.trim();
}


where table item is the model or interface of the grid

Popularity 8/10 Helpfulness 2/10 Language whatever

Source: Grepper

Tags: angular-material-table whatever

Link to this answer
Share Copy Link

Contributed on Feb 15 2023

Mubeen Naeem

0 Answers Avg Quality 2/10

how to make editable angular material table

Contents

More Related Answers

how to make editable angular material table

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.