如何使用CSS设置Java FX TableView列标题的样式

Question

我是JavaFX和CSS样式(以及stackoverflow)的新手.我想知道如何设置列的表头的样式.这就是我的标题当前的样子: 我的表视图列标题的当前样式

这就是我想要它的样子: 我希望实现样式

我试过应用以下css样式而无济于事:

.table-view .column-header .nested-column-header
{
    -fx-background-color: #AAAAAA;
    -fx-background-radius: 0;
    -fx-background-insets: 0;
    -fx-effect: dropshadow(gaussian, rgba(0, 0, 0, 0.6), 2, 0.5, 1, 1);
}

.table-view .column-header
{
    -fx-background-color: #AAAAAA;
    -fx-background-radius: 0;
    -fx-background-insets: 0;
    -fx-effect: dropshadow(gaussian, rgba(0, 0, 0, 0.6), 2, 0.5, 1, 1);
}

.table-view .column-header .filter
{
    -fx-background-color: #AAAAAA;
    -fx-background-radius: 0;
    -fx-background-insets: 0;
    -fx-effect: dropshadow(gaussian, rgba(0, 0, 0, 0.6), 2, 0.5, 1, 1);
}

我还查看了jfxrt.jar中找到的caspian.css文件,但这并没有指向正确的方向.

所以,如果有人有任何想法,那就太棒了.:) 先感谢您.

Answer 1

我建议尝试使用以下样式类:

.table-view .column-header-background

我用这个css改变了我的列标题背景,它起作用了:

.table-view .column-header,
.table-view .column-header .filler,
.table-view .column-header-background .filler {
    -fx-background-color: red;
}

你确定你没有treetable吗？因为样式类是命名tree-table-view而不是table-view.