Oracle Apex交互式报表-单元格背景颜色

omqzjyyz  于 2022-11-22  发布在  Oracle
关注(0)|答案(2)|浏览(226)

是否可以删除单元格内白色(填充)?
查询返回的单元格背景颜色如下:

Select
'<span style="background-color: #B8817D">' || col_1 || '</span>' as "1",
'<span style="background-color: #B8817D">' || col_2 || '</span>' as "2",
'<span style="background-color: #F7DC6F">' || col_3 || '</span>' as "3",
'<span style="background-color: #F7DC6F">' || col_4 || '</span>' as "4"
.....

c8ib6hqw

c8ib6hqw1#

它 需要 一 点 黑客 攻击 , 但 它 应该 工作 。
首先 添加 此 页面 级 内联 CSS :

.no-parent-padding {
    padding: 8px;
    margin: -12px -12px;
}

.yellow-background {
    background-clip: content-box;
    box-shadow: inset 0 0 0 12px yellow;
    background-color: yellow;
}

.brown-background {
    background-clip: content-box;
    box-shadow: inset 0 0 0 12px brown;
    background-color: brown;
}

中 的 每 一 个
接下来 , SELECT 应 如下 所 示 :

select      
    '<div class="brown-background no-parent-padding">'|| 12 ||'</div>' AS "12",
    '<div class="yellow-background no-parent-padding">'|| 2 ||'</div>' AS "2"
....

格式
最 后 的 结果 :

bvk5enib

bvk5enib2#

我 想 参考 Kutub Tech 的 清洁 解决 方案 :youtubecode to be found here

    • 步骤 * * :

1.选择 所 需 的 列 〉 转到 " * * 高级 * * " 〉 设置 " 静态 ID " 〉 设置 * * rep_col_diffcolor_1 * *
1.( 可选 ) 选择 另 一 列 〉 转到 " * * 高级 * * " 〉 设置 " 静态 ID " 〉 设置 * * rep_col_diffcolor_2 * *
1.选择 " 页面 根 " 〉 转到 " * * 内联 * * " 〉 粘贴 以下 内容

.a-IRR-table tr td[headers*="rep_col_diffcolor_1"] {
    background-color: #99ccff;
}
    
.a-IRR-table tr td[headers*="rep_col_diffcolor_2"] {
    background-color: #bfc4c9;
}

中 的 每 一 个

相关问题