Oracle APEX 合并表头

1. 交互式报表

1-1. 交互式报表SQL

select EMPNO as ID,
       ENAME AS NAME,
       DEPTNO AS Department,
       JOB AS Job,
       TO_CHAR(SAL,'999G999G999.00') AS Salary,
       TO_CHAR(HIREDATE,'YYYY/MM/DD') AS Hire_Date
  from EMP

1-2. 交互式报表静态ID设置

将该交互式报表的静态ID设置成"my_ir_report"

1-3. 新建动态操作

事件：刷新后

操作：执行JavaScript代码

注意：初始化时触发的开关要打开

var newHeaderRow = 
                   '<tr class="merged-header-row">' +
                   '<td colspan="3" style="text-align: center;">基本信息</td>' +
                   '<td colspan="3" style="text-align: center;">工作信息</td>' +
                   '</tr>';
$("#my_ir_report .a-IRR-table:first").prepend(newHeaderRow);
// 或者下面这个同上面一样的效果
// $("#my_ir_report .a-IRR-table").first().prepend(newHeaderRow);

1-4. 添加标题背景色

/* 1. 手动添加的合并行的样式 */
#my_ir_report .merged-header-row {
    background-color: #f0f0f0 !important; /* 颜色A */
    font-weight: bold;
}
/* 2. 原始标题行的样式 */
#my_ir_report .a-IRR-header {
    background-color: #f0f0f0 !important; /* 颜色B */
}

1-5. 标题合并后效果图