css - GWT FlexTable 标题列

Question

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

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

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

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

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

table.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 */
}

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