I have successfully applied classname and added color to specific row in my react-table. But I cannot add hover rule to this className to apply another color when I hover over the row. How to apply hover rule to add hover effect? Thanks in advance!
Here is my code:
<ReactTable>
...
getTrProps={(state, rowInfo, column, instance) => {
let className = '';
if(rowInfo && rowInfo.original){
if(highlightedCerts.includes(rowInfo.original.id)){
className = ' highlightedCertRow';
}
else if(rowInfo.original.isRevoked) {
className = ' revokedCertRow';
}
else if(rowInfo.original.blocked) {
className = ' blockedCertRow';
}
}
return {
...
className: className,
...
};
/>