Custom Column Header Styling

STAGIL Tables supports inline HTML in column header names. You can use this to apply custom colors, bold text, background highlighting, badges, and other visual styles to your table headers.

Before you begin

• You need admin access to the STAGIL Table field configuration.

• Only inline styles on <span> elements are supported. External CSS or class names will not work.

• The styled header is visible to all users who can see the table. No per-user rendering differences.

Style a column header

1. Go to the configuration of your STAGIL Table field.

2. Select the column you want to customise.

3. In the Column name field, replace the plain text with an HTML <span> tag that includes your desired styles.

4. Save the configuration.

Basic pattern:

Example:

Open

Role column in red and bold

Styling examples:

Copy and paste any of the following values into the Column name field.

Bold coloured text

Makes the header stand out with a bold colour.

Open

Assignee column in bold, #D32F2F red

Badge

Wraps the header text in a coloured label. Useful for status-type columns or to call out key fields.

Open

Badge-style Status label instead of plain text

Background highlight

Adds a soft background colour behind the header text. Useful for drawing attention without being too bold.

Open

Soft highlighted Due Date label rather than a strong badge

Underline accent

A clean, minimal style with a coloured bottom border. Works well for understated emphasis.

Open

Clean Cost (€) label with an underline accent

Bold, Italic, Uppercase with Letter Spacing

This style emphasises the header using multiple text effects. It works well for columns that need strong visual attention without using background colours or badges.

Open

Approved column in dark blue, bold, italic, uppercase, with letter spacing.

Open

Tables configurations page

Open

Table View with all styling types applied