使用配置对象自定义交互式网格标题答案

【问题标题】：Customize Interactive Grid header using configuration object使用配置对象自定义交互式网格标题
【发布时间】：2017-09-14 13:07:23
【问题描述】：

我正在尝试在交互式网格表单中设置列标题的背景颜色。我尝试了几件事：

为一列分配一个静态 id 并创建一个以该 id 为目标的内联 css 选择器 - 结果是数据单元格仅在编辑时继承这些属性；标头不受影响
为一列分配一个类并创建一个以该类为目标的内联 CSS 选择器 - 结果是所有数据行都继承了这些属性；标题仍然不受影响
我尝试使用Advanced 下的JavaScript Code 选项，该选项可以使用配置对象并修改列行为和外观，但没有取得多大成功。我设法更改了列标题文本，但没有别的。我怀疑该配置对象的某些成员会影响标题背景颜色，但我似乎找不到它。

所以问题是：

如何使用配置对象自定义 Interactive Grid 列标题（即设置其背景颜色）？

我想这可能被视为一个单独的问题，但如果事实证明这是不可能的，那么最好的选择是什么？

【问题讨论】：

标签： oracle-apex-5.1

【解决方案1】：

作为替代方案，如果更改是静态的，您可以使用页面级 CSS 进行更改。每个标题都有一个data-idx 属性，其值是网格中唯一的数字。因此，如果您的 IG 区域具有静态 ID“myRegion”，那么您可以添加如下 CSS 来定位特定标头：

#myRegion_ig th[data-idx="2"] {
    background-color: #dff;
}

或者使页面上的所有 IG 标题相同：

.a-GV-header {
    background-color: #dff;
}

【讨论】：

我刚试了一下，它可以工作，它同时选择“普通”和“浮动”标题（当您向下滚动以查看不适合屏幕的行时出现的标题）和正确着色它们。谢谢！

【解决方案2】：

第一种方法是有问题的。它根据位置而不是特定列进行更改。例如，如果您的网格中的前两列是“名字”和“姓氏”，则按此顺序。 “名字”将是 data-idx = 1; “姓氏”将是 data-idx = 2。如果将蓝色分配给 data-idx = 1，将绿色分配给 data-idx = 2，则“名字”将变为蓝色，“姓氏”将变为绿色。但是，如果您交换两列的位置，以便您的 IG 中的顺序是“姓氏”、“名字”，那么“姓氏”现在将变为蓝色，“名字”将变为绿色。

如果您想将所有标题的颜色更改为仅一种颜色，则第二种方法有效。

【讨论】：