首页 > 解决方案 > 基于位置的 Oracle Apex-Color 特定交互式网格单元

问题描述

我需要有关交互式网格的 CSS 样式的帮助。

在我的要求中,网格的行是固定的。在行中,一些单元格是蓝色/一些灰色等等。

在这种情况下,可以使用什么 css 样式/js 来指向 ig 中特定索引处的特定单元格并使用颜色?

因此,简而言之,对于固定行 IG,不同单元格的要求是不同的颜色。Oracle Apex-20.2 例如:

在此处输入图像描述

标签: cssoracle-apex

解决方案


网格单元格是否需要可编辑?如果没有,你可以这样做:

  1. 添加基于 CASE 表达式的列以定义特定值的 CSS 类,例如

    case col1 当 'C' 然后 'class1' 当 'H' 然后 'class2' ... 以 col1_class 结束

  2. 将列类型更改为HTML Expression

  3. 将列的 HTML 表达式属性设置为:

    <div class="&COL1_CLASS.">&COL1.</div>

  4. 设置 CSS 来定义类 - 例如在页面内联 CSS 中:

    .class1 {背景颜色:#fd0} .class2 {背景颜色:#aaa} ...

这是一个示例,我这样做是为了以红色突出显示工作 MANAGER:

在此处输入图像描述

您可以添加更多 CSS 以从单元格中删除填充,为您div的 s 添加填充等。


推荐阅读