如何使 TableView 不显示缺失的行？

Question

默认情况下，TableView 也会显示缺失行的颜色：

以from here 为例，一个表只有 5 行。尽管如此，在视觉上它仍然显示第 6 行、第 7 行等的交错颜色。

如何避免这种情况？我不希望它可见，行已结束。

Answer 1

使用 empty 伪类（参见 Cell CSS reference）从 css 中设置这些行的背景颜色：

例如

.table-row-cell:empty {
    -fx-background-color: transparent;
}

如果您自己使用 CSS 设置奇数/偶数单元格的样式，您可以简单地将 :filled 伪类添加到所有这些选择器中，使其仅适用于非空单元格（假设这些选择器仅适用于 Cells )。例如：

.table-row-cell:empty {
    -fx-background-color: transparent;
}

.table-row-cell:odd:filled {
    -fx-background-color: red;
}

.table-row-cell:even:filled {
    -fx-background-color: lightblue;
}

或者通过使用应用于表格行的选择器加上:empty选择器来简单地使用更具体的选择器：

.table-row-cell:empty:odd, .table-row-cell:empty:even {
    -fx-background-color: transparent;
}

.table-row-cell:odd {
    -fx-background-color: red;
}

.table-row-cell:even {
    -fx-background-color: lightblue;
}