css - GWT FlexTable 标题列

Question

我对 Table 周围的各种元素都有 CSS 定义，如下所示(省略详细信息，仅样式名称供引用)。

table.entities {
边框:1px实线#c5d7ef；
边界崩溃:崩溃；
宽度:100%；
底部边距:0；
}

表.entities th, 表.entities td {
填充:.25em 1.5em .5em .5em；
}
表.实体 th {
  字体粗细:粗体；
  文本对齐:左对齐；
  背景:#e5ecf9；
  空白:nowrap；
}

table.entities th a, table.entities th a:visited {
  颜色:黑色;
  文本装饰:无；
}

表.实体 td {
  背景颜色:#fff；
  文本对齐:左对齐；
  垂直对齐:顶部；
  光标:指针；
}

表.entities tr.even td {
  背景颜色:#f9f9f9；
}

我将样式应用于偶数行，例如:

flexTable.getRowFormatter().getElement(row).setClassName("even"); 

但由于某种原因，标题样式不适用于表格。这是我尝试过的

• 事实上，我希望th将样式应用到第一行，但不确定这是否是一个有效的假设
• 将标题样式从 th 更改为 theader 之类的样式，然后使用第一行的行格式化程序显式应用于第一行。我尝试将第一行值设置为 1 和 0，但都没有给我结果

任何人都可以帮我找出我可能出错的地方吗？

Answer 1

我非常确定 FlexTable 不会呈现 <th>标签。一切都包含在 <tbody> 中。

您还必须记住 <tr>标签几乎没有样式，因此要设置整行的样式，您需要将相同的样式应用于所有子项 <td>标签。

tr.someStyle td {
  /* all styles that apply to the row */
}

如果您发布了实际的样式以及未应用的样式，也许我们可以提供进一步的帮助。