Changing border styles - CSS

Use case

You need to adjust the border style (color, width, sides) of the table.

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:
   

   table {border:3px solid #C1C7D0;} /* Fully adjusts the border style of the entire table */
   
   th {border-width: 5px;} /* Adjusts the border width of the header row */
   
   td {border-color: white} /* Adjusts the border color of the table cells by visually removing them */td {border: none} /* Completely removes the border of the table cells */

   Copy

   CSS

5. Save the macro and the page.

Bordering of the table entails various display forms that can change the table look even further. For example, one of the most commonly used staircase-like table display can also be configured via CSS within the Stylesheet Tab.