启用排序时，JavaFX Tableview标题颜色

Posted 2021-03-28

我正在尝试更改标题的颜色，但每次通过单击其中一个列标题对行进行排序时，它就会变为：

如何绘制“排序箭头”背景蓝色，使整个标题变为蓝色，箭头变为白色？谢谢你的帮助。

编辑1

通过使用@xtractic代码我设法得到我想要的：

答案

这里有一些有用的CSS可以帮助你：

/** color everything under the column header */
.table-view .column-header * {
    -fx-background-color: blue;
}

/** color the arrow */
.table-view .column-header .arrow {
    -fx-background-color: black;
}

/** color the column header text */
.table-view .column-header .label {
    -fx-text-fill: white;
}

/** add slight dividers between headers */
.table-view .column-header {
    -fx-border-color: white;
    -fx-border-width: .1
}

/** color the scroll bar background and thumb */
.table-view .scroll-bar {
    -fx-background-color: white;
}
.table-view .scroll-bar .thumb {
    -fx-background-color: blue;
}