1

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

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

所以问题是：

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

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

4

2 回答 2

3

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

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

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

.a-GV-header {
    background-color: #dff;
}
于 2017-09-14T13:18:45.300 回答
0

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

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

于 2021-04-22T04:09:36.577 回答