import { Component } from '@angular/core'; @Component({ selector: 'cm-table-doc-13', templateUrl: 'table-doc-13.component.html' }) export class TableDoc13Component { editRow: any = null; tempEditObject = {}; data = [ { key: 0, name: 'Edward King 0', age: 32, address: 'London, Park Lane no. 0', } ]; edit(data: any) { this.tempEditObject[data.key] = { ...data }; this.editRow = data.key; } save(data: any) { Object.assign(data, this.tempEditObject[data.key]); this.editRow = null; } cancel(data: any) { this.tempEditObject[data.key] = {}; this.editRow = null; } ngOnInit() { this.data.forEach(item => { this.tempEditObject[item.key] = {}; }) } }