Interactive Report - Column background color

weniger als 1 Minuten zum lesen

One of my customers needed an IR where half of the report columns should be visualized in another color.

interactive-report-standard-column-01

It is really easy to integrate. Go into the report column attributes inside your “Page Designer” and add a “Static ID” for each column:

Column 1: rep_col_diffcolor_1
Column 2: rep_col_diffcolor_2

interactive-report-standard-column-02

Now add this CSS snippet inside the page attributes:

1
2
3
4
.a-IRR-table tr td[headers*="rep_col_diffcolor_"]
{
    background-color: #99ccff;
}

interactive-report-standard-column-03

The trick is to address every element by searching for the start part of the “Static ID” name.