css - APEX 20.1 - 交互式网格的样式列组标题

Question

有没有人有一个示例显示如何在交互式网格中设置列标题的样式？

我希望 4 个不同列组中的每一个中的列标题具有不同的背景颜色，以使组更易于区分：

似乎没有一种方法可以通过开发人员界面轻松地将样式分配给列组。所以，我尝试使用 TH ID：

#R141502556723241100_ig_grid_vc_cur {
    background-color: #242d45;
    color: #ffffff;
}

但不是更改术语/元素 TH 的背景颜色，而是更改单击任何元素的背景颜色。

Answer 1

首先为您的 IG 添加一个静态 ID。

• 静态 ID：my-static-id

然后您可以使用以下 css 片段：

/*

where the value between the quotation marks ("") is the index of the column heading

*/
#my-static-id  th[data-idx="0"] { 
  background-color: rebeccapurple;
}

#my-static-id  th[data-idx="1"] {
  background-color: green;
}

结果：