Addionaly Group Column Heading in Classic Report

In my projects it sometimes happens that I have a lot of columns in a classic report. Of course, this has a negative effect on the look and feel. Often it helps here to outsource similarities of the respective columns in an additional heading line. You can find out how to do that right here.

We create a Dynamic Action on the corresponding report that fires on the event AfterRefresh.

As the actual action, we choose to execute JavaScript code, which should also be executed on load.

Following lines of JavaScript, insert a new line before the actual heading line generated by APEX:

apex.jQuery(this.triggeringElement).find('thead').prepend(`
      <tr id="tab-group-heading"> +
        <th class="t-Report-colHead" align="center" colspan="1"></th> +
        <th class="t-Report-colHead" align="center" colspan="5">The Book</th> +
        <th class="t-Report-colHead" align="center" colspan="2">Publish</th> +
      </tr>`
    );

Done. You can find a demo here.