Style Individual Column Headers

Business Background

Styling individual column headers gives a business the upper hand by adding the extra option to quickly highlight a column.

Titan Solution

Titan Web offers the option to style individual column headers.

Admins can use styling options such as font, fill, padding, border, and more to style all column headers or a particular column header of your choice. 

How to Guide

1. Configure the power table.
2. Click the Styling icon of the power table. The Power Table Styling screen opens.
3. Select the Header Column.
4. Use the drop-down arrow to open the drop-down list.
5. Select the header. The options are:
   • All Columns
   • Selection
   • The name of the columns you added.

You can change the following:

• Font
• Fill
• Padding
• Border
• Shadow
• User CSS

6. For instance, select the name of one of the columns. In this example, Account ID.
7. Select the Fill option. This option is used to change the fill color.
8. Select a color. The heading column will change to the color selected.

You can change the columns independently from the header column.

9. Select the Column option.
10. Select the same column name as in the previous section, for instance, Account ID.

You can change the following:

• Font
• Fill
• Size
• Padding
• Border
• Shadow
• User CSS

11. Select the Fill option. This option is used to change the fill color.
12. Select a color. The column under the selected header will change to the chosen color.