When saving row in a Datatable using editMode=row => source entity is mutated

[lucasdavidferrero]

Original entity is mutated when using editMode=row in Datatable component.

example:

const products = ref([]);
const editingRows = ref([]);

function onRowEditSave(event: DataTableRowEditSaveEvent) {
  console.log(event.data) // "before update data"
  console.log(event.newData) // "after update data"
}

event.data is already updated with the information that was saved by clicking the check icon. Even worse, event.data points to the corresponding entity in products (original source).

event.newData has the updated information. So, event.data and event.newData both holds the updated information.

I think this is a really big issue. What if i want to apply some validation rules before updating the entity's original source?

template code:

<DataTable :value="products" v-model:editingRows="editingRows"
                     size="small"
                     dataKey="id" :lazy="true" scrollable
                     :rows="rowsPerPage" :total-records="totalItems" editMode="row"
                     @row-edit-save="onRowEditSave">
...
</DataTable>

[github-actions]

We're unable to replicate your issue, if you are able to create a reproducer by using PrimeVue Issue Template or add details please edit this issue. This issue will be closed if no activities in 20 days.