¿Cómo puedo hacer que una fila sea editable haciendo clic en un botón editar? Intenté poner contenteditable="{{stat}}" y poner este código en component.ts pero no funcionó

 <tr *ngFor="let coll of colls"> <td><i title="Editer le Collaborateur" (click)="EditColl()" class="ion-edit ion-white"></i> <i title="Supprimer le Collaborateur" (click)="DeleteColl(coll)" class="ion-trash-a"></i></td> <td contenteditable="true">{{coll.cin}}</td> <td>{{coll.lastname | uppercase}}</td> <td>{{coll.firstname}}</td> <td><a class="email" href="mailto:${{coll.email}}">{{coll.email | lowercase}}</a></td> <td>{{coll.datenaissance}}</td> <td>{{coll.dateembauche}}</td> </tr>

componente.ts

 statut:string='false'; EditColl(){ if(this.statut==='true') { this.statut='false' } else this.statut='true' }