When you need to set the row mouse hover color, perform the next actions:
- Open the needed Data tables inside your admin area
- Go to CSS Tab
- In the end insert the code:
#supsystic-table-1 tbody tr:hover td {
background-color: #99f458 !important;
}Film Anime Music Cartoon Alan 2 0 100 20 Denis 5 1 150 5 Kate 1 100 200 0 where –
#supsystic-table-1 – 1 is your table id
#99f458 – the needed hex color code - Click Save
- Check Changes on the front-end
Don’t forget to clean cache in your cache plugin, clean cookies and cache in your browser and reload the page with Data table to see the result.
In the case you want to highlight on hover only one cell use the next code:
#supsystic-table-59 tbody tr td:hover {
background-color: #99f458 !important;
}
Enjoy the table by pointing on it with mouse —
Film | Anime | Music | Cartoon | |
Alan | 2 | 0 | 100 | 20 |
Denis | 5 | 1 | 150 | 5 |
Kate | 1 | 100 | 200 | 0 |