使用配置 object 自定义交互式网格 header
Customize Interactive Grid header using configuration object
我正在尝试在交互式网格表单中设置列 header 的背景颜色。我尝试了一些事情：
- 为一列分配了一个静态 ID，并制作了一个内联 css 选择器，以该 ID 为目标 - 结果是数据单元仅在编辑时继承这些属性； header 不受影响
- 将 class 分配给一个列并创建一个内联 css 选择器以 class 为目标 - 结果是所有数据行都继承了这些属性； header仍然不受影响
- 我尝试使用
Advanced 下的 JavaScript Code 选项，它可以使用配置 object 并修改列的行为和外观，但没有成功。我设法更改了列 header 文本，但没有别的。我怀疑该配置 object 的某些成员会影响 header 背景颜色，但我似乎找不到它。
所以问题是：
如何使用配置object?
自定义Interactive Grid列header（即设置其背景颜色）
我想这可能被视为一个单独的问题，但如果事实证明这是不可能的，那么最好的选择是什么？
作为替代方案，如果更改是静态的，您可以使用 page-level CSS 来完成。每个标题都有一个 data-idx 属性，其值是网格中唯一的数字。因此，如果您的 IG 区域具有静态 ID "myRegion"，那么您可以像下面这样添加 CSS 以针对特定的 header:
#myRegion_ig th[data-idx="2"] {
background-color: #dff;
}
或者让页面上的所有IGheader都一样：
.a-GV-header {
background-color: #dff;
}
第一种方法有问题。它根据位置而不是特定列进行更改。例如，如果您的网格中的前两列是“名字”和“姓氏”，则按此顺序。 “名字”将是 data-idx = 1； “Last Name”将为 data-idx = 2。如果将蓝色分配给 data-idx = 1，将绿色分配给 data-idx = 2，则“First Name”将为蓝色，“Last Name” “将是绿色的。但是，如果您交换两列的位置，以便您的 IG 中的顺序是“姓氏”、“名字”，那么“姓氏”现在将为蓝色，“名字”将为绿色。
如果您想将所有 headers 的颜色更改为仅一种颜色，则第二种方法有效。
我正在尝试在交互式网格表单中设置列 header 的背景颜色。我尝试了一些事情：
- 为一列分配了一个静态 ID，并制作了一个内联 css 选择器，以该 ID 为目标 - 结果是数据单元仅在编辑时继承这些属性； header 不受影响
- 将 class 分配给一个列并创建一个内联 css 选择器以 class 为目标 - 结果是所有数据行都继承了这些属性； header仍然不受影响
- 我尝试使用
Advanced下的JavaScript Code选项，它可以使用配置 object 并修改列的行为和外观，但没有成功。我设法更改了列 header 文本，但没有别的。我怀疑该配置 object 的某些成员会影响 header 背景颜色，但我似乎找不到它。
所以问题是：
如何使用配置object?
自定义Interactive Grid列header（即设置其背景颜色）我想这可能被视为一个单独的问题，但如果事实证明这是不可能的，那么最好的选择是什么？
作为替代方案，如果更改是静态的，您可以使用 page-level CSS 来完成。每个标题都有一个 data-idx 属性，其值是网格中唯一的数字。因此，如果您的 IG 区域具有静态 ID "myRegion"，那么您可以像下面这样添加 CSS 以针对特定的 header:
#myRegion_ig th[data-idx="2"] {
background-color: #dff;
}
或者让页面上的所有IGheader都一样：
.a-GV-header {
background-color: #dff;
}
第一种方法有问题。它根据位置而不是特定列进行更改。例如，如果您的网格中的前两列是“名字”和“姓氏”，则按此顺序。 “名字”将是 data-idx = 1； “Last Name”将为 data-idx = 2。如果将蓝色分配给 data-idx = 1，将绿色分配给 data-idx = 2，则“First Name”将为蓝色，“Last Name” “将是绿色的。但是，如果您交换两列的位置，以便您的 IG 中的顺序是“姓氏”、“名字”，那么“姓氏”现在将为蓝色，“名字”将为绿色。
如果您想将所有 headers 的颜色更改为仅一种颜色，则第二种方法有效。