Change Highlight Color

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 —