How can I make a row editable by clicking a button edit. I tried put contenteditable="{{stat}}" and putting this code in component.ts but it didn't work

<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>

component.ts

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