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
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 |