I have managed to successfully apply a classname and add color to a specific row in my react-table. However, I am facing difficulty in adding a hover rule to this className to change the color when I hover over the row. Can someone guide me on how to apply a hover rule for adding this effect? Thank you in advance!
Below is the code snippet:
<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,
...
};
/>