By default, Interactive Reports regions show horizontal scrollbars all the way in bottom. Due to this, users usually have to scroll all the way to right in order to find Vertical scrollbar just so that they can scroll to the bottom of the page to find Horizontal scrollbar... and vice-versa to reach top of the page.
As the column headers are fixed to the page, we can add horizontal scrollbar below the column header. This can be done with the power of CSS.
Just add below CSS in page header "Inline CSS" section -
#IRSTATICID .t-fht-thead{
overflow: auto !important;
}
For example, in Employee (IR) report, we set Static ID for IR to EMPREPORT -
Now, add below construct to Inline field under CSS section at Page level -
#EMPREPORT .t-fht-thead{
overflow: auto !important;
}
Save and run the report. You'll see a horizontal scrollbar has been added just under report heading along with original horizontal scrollbar in the bottom of the report -
