Creating hoverable cells - CSS

Use case

You need to change the cells display by hovering over them.

Solution

1. Switch the page to the edit mode.

2. Insert the Table Transformer macro and paste the table or the macros outputting tables within the macro body.

3. Select the macro and click Edit.

4. In the Stylesheet tab enter any of the following CSS:
   

   td:hover {background-color: yellow; font-size:20px; color:red;} 
   /* Changes the cell color, text size and color upon hovering over it */
   
   tr:hover {background-color: pink;} 
   /* Changes the row color upon hovering over it */

   Copy

   CSS

5. Save the macro and the page.