DataTable: v-model:editingRows is not reactive when changed from outside

[NikoGJ]

Describe the bug

When changed programmatically, the editingRows prop is not reactive, we need an extra step to have the DataTable reflect the changes.

See repro sandbox below.

Reproducer

https://codesandbox.io/p/sandbox/primevue-demo-forked-ms5vl4?file=/src/App.vue:12,9

PrimeVue version

3.32.0

Vue version

3.x

Language

ALL

Build / Runtime

Vite

Browser(s)

No response

Steps to reproduce the behavior

1. Click on the "Edit row" button. This adds the first row in editing mode by pushing the row in the editingRows array.
2. Notice nothing happened.
3. Click on the pencil edit button of any other row in the table. This will refresh the component.
4. Notice now that 2 rows are in edit mode: The one that was just added with the pencil edit button, and the first one which was added through the "Edit row" button.

Workaround:
We can force the DataTable to update itself using $forceUpdate (check the "Edit row with forceUpdate" button) or using the :key trick, but it is generally discouraged to do so, and it's usually preferable to let Vue's core reactivity do the job.

Expected behavior

The DataTable should reflect the changes made to v-model:editingRows when editingRows are changed from outside the component (i.e. programmatically)