Changing alignment - CSS

Use case

You need to adjust alignment of the table data.

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:
   

   th {text-align: center;} /* Aligns the header rows data centered */
   
   td {text-align: left;} /* Aligns the table rows data to the right */
   
   td {width: 100px;} 
   /* Adjusts the width of the table rows  for better alignment display - Optional */

   CSS

5. Save the macro and the page.