How to highlight a single cell with different color when mouse is hovered over the cell?

This article explains how to highlight a single cell with different colors created using Advanced Tables when the mouse hovers over the cell.

To achieve this specify the CSS Stylesheet in Space.

Instructions:

1. Log into your Confluence instance as an administrator.
2. Navigate to the existing page and click  to edit the page or create a new page.
3. Insert Advanced Table -Table Plus macro. For example, create a table as shown below:
   
   

4. Edit the macro on the Advanced Tables Editor-Table Plusscreen, under Column settings and add the Column attributes as below.
   Note: The table class should be different for each table.
   
   Sales Statistics table:
   

   class=confluenceTd cellhover

   Product details:

   class=confluenceTd cellhover1

   Data:

   class=confluenceTd cellhover3

   

5. Go to Space Tools and click Look and Feel.
6. Under Stylesheet tab, enter the CSS code.
   
7. Click Save.
    
8. Open the respective confluence page, hover the mouse over a cell.