Selected row index remains when moving

[rickysullivan]

Describe the bug

The selected row index remains, not the selected row.

ScreenRecording_06-27-2024.08-13-38_1.mp4

Basically the row you selected doesn’t remain selected.

How to reproduce

Select a row. Then sort the rows.

Link to reproduction

https://sortable.sadmn.com/data-table

Additional information

No response

[kravis-lau]

You need to assign a unique key (like uuid) for each row. Add this to your useReactTable options:

const table = useReactTable({
  // ...
  // Redefine the row ID so that the row can still be correctly located after CRUD operations
  getRowId: (row) => row.uuid,
  // ...
});

[sadmann7]

by using unique id, it will also stop jumping around after dropping to a new position