Open mohammedmudassir687687 opened 10 months ago
using react-data-table-component@7.5.4
styles applied to '&:hover' does not work within conditionalCellStyles for columns
` interface IRow { title: string, } const columns = [ { name: 'Title', selector: (row: IRow) => row.title, conditionalCellStyles : [ { when: (row: IRow) => row.title.length < 5, style: { backgroundColor: 'green', color: 'white', '&:hover': { backgroundColor: 'blue' } }, }, ] }, ]
const data = [ { title: 'Amelie', year: '2001', rating: 8.3 }, { title: 'Hamilton', year: '2020', rating: 7.7 } ]
`
+1 also seeing this
jewbetcha
commented
8 months ago jewbetcha
commented
8 months ago
Version
using react-data-table-component@7.5.4
Bug
styles applied to '&:hover' does not work within conditionalCellStyles for columns
Code to reproduce the behavior in react typescript
` interface IRow { title: string, } const columns = [ { name: 'Title', selector: (row: IRow) => row.title, conditionalCellStyles : [ { when: (row: IRow) => row.title.length < 5, style: { backgroundColor: 'green', color: 'white', '&:hover': { backgroundColor: 'blue' } }, }, ] }, ]
const data = [ { title: 'Amelie', year: '2001', rating: 8.3 }, { title: 'Hamilton', year: '2020', rating: 7.7 } ]
`