I'm using the react-table package. I made a simple table with row selection. The problem is: The row selection result is an object with indexes:
{
0: true,
1: true,
...
}
But I want to be the primary key of my data like this:
{
EXoxMjyd4leYABdpuy8m: true,
2gXlClA38AU8sSM5jnZ7: true,
...
}
In the documentation, I can't find a configuration where I can set the selection key. The question is, how can I achieve the second example?
You need to overwrite the table option getRowId
.
Example:
const getRowId = (row, relativeIndex, parent) => {
// In row object you have access to data.
// You can choose parameter. In this example I used uniqueId
return parent ? [parent.id, row.uniqueId].join('.') : row.uniqueId;
}
Here is live example: