Page Comparison

This article explains how to highlight a single cell, when the mouse hovers over the cell, in a table created using Advanced Tables for Confluence. There are two ways to accomplish this:

...

1. Log into your Confluence instance as an administrator.

2. Anchor
   kb_cellHighlight_cssStylesheetStep2 kb_cellHighlight_cssStylesheetStep2

   Navigate to any existing page and click  to edit the page, or, create a new page.
3. Insert Advanced Table -Table Plus macro. As an example, create a table as shown below:
   
   

4. Edit the macro and add the following Column attribute under Column settings in the Advanced Tables Editor-Table Plus screen:
   

   Code Block
   theme Midnight
   class=confluenceTd cellhover

   
   Image Modified

5. Go to Space Tools > Look and Feel > Stylesheet and enter the following CSS code:

   
   Image Removed

   Click Save.
   Image Removed 
   

   Code Block
   theme Midnight
   td.cellhover:hover{ background-color:lightblue; }

   Image Added

   
   

6. Click Save.

   Image Added 

Open the relevant Confluence page and hover the mouse over a cell. The cell is highlighted in the specified color.

...

1. Log into your Confluence instance and follow Step 2 to 4 from the instructions above. 

2. Include the HTML macro and add the CSS code in the macro as follows:Image Removed

   Code Block
   theme Midnight
   td.cellhover:hover{ background-color:lightblue; }

   Image Added

3. Click Save.

Open the relevant Confluence page and hover the mouse over a cell. The cell is displayed as shown below:

...