I use prime face vue. I use DataTable and. I want an click check icon to confirm the change of that row, but I don't know which event triggers that function for me?

<DataTable
  :value="allCompetitors"
  editMode="row"
  data-key="competitorNo"
  @rowEditInit="onRowEditInit"
  @rowEditCancel="onRowEditCancel"
  v-model:editingRows="editingRows" 
  @cellEditComplete="onCellEditComplete"
  responsiveLayout="scroll"
>
  <Column field="nameSurname" header="nameSurname" style="width:8%">
    <template #editor="slotProps">
      <InputText v-model="slotProps.data[slotProps.column.props.field]" autofocus />
    </template>
  </Column>

 <Column :rowEditor="true" style="width: 10%; min-width:8rem" bodyStyle="text-align:center"> 
  </Column>
</DataTable>

Which of this events is fired when i click on check icon to confirm editing ?

onCellEditComplete(event) {
  alert('d') // NO FIRE 
}
onCellEdit(newValue, props) {
 alert('test') // NO FIRE
}

 onRowEditCancel(event) {
   alert('FIRED') // this is fired...
  this.allCompetitors[event.index] = this.originalRows[event.index];
},

onRowEditInit(event) {  
   alert('FIRED'); // also fired
  this.originalRows[event?.index] = { ...this.allCompetitors[event.index] }; 
}, 

very strange because some events trigger me some why not? i guess this is an event that should trigger the function but it doesn't work

onCellEditComplete