Material-table: How to get rowData index?
Is is possible to get rowData index on click?
cesoftinfo
All 4 comments
You can access id of rowData by rowData.tableData.id. But this is initial index. It is not index of sorted or filtered data.
mbrn
on 4 Mar 2019
@cesoftinfo ,
If rowData.tableData.id is not enogh for you, please reopen issue.
mbrn
on 4 Mar 2019
you can use what @mbrn said like this for example: onRowClick={(event, rowData) => console.log(rowData.tableData.id)};
AWIXOR
on 29 Jun 2020
Back to index topic, how to get index of rowdata? I like to show alternate colors for rows, and using 'rowData.tabledata.id % 2' for this. It works fine, but as mbrn already said above, it doesn't work when the table is sorted. How can we solve 'alternate colors to rows'?
Thanks a lot in advance.
Update : No need for help. Little bit of more searching and reading given me solution with in this forum. I did below and it works.
options={{
rowStyle: (rowData, index ) => ({
backgroundColor:
index % 2 === 0 ? "#ebffeb" : "#ffebff",
}),
arunakasoju
on 4 Sep 2020
Related issues
lazeebee
路
3Comments
rasheedb
路
3Comments
KKrisu
路
3Comments
victorwvieira
路
3Comments
revskill10
路
3Comments
Most helpful comment
Back to index topic, how to get index of rowdata? I like to show alternate colors for rows, and using 'rowData.tabledata.id % 2' for this. It works fine, but as mbrn already said above, it doesn't work when the table is sorted. How can we solve 'alternate colors to rows'?
Thanks a lot in advance.
Update : No need for help. Little bit of more searching and reading given me solution with in this forum. I did below and it works.
options={{
rowStyle: (rowData, index ) => ({
backgroundColor:
index % 2 === 0 ? "#ebffeb" : "#ffebff",
}),