2016-04-18 18 views
1

私は、JavaFXとCSSのスタイリング(およびstackoverflow)ではなく、新しいです。私はどのように1つの列の表のヘッダーをスタイルできますかと思います。CSSを使用してJava FX TableView列ヘッダーをスタイル設定する方法

.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); 
} 

:私は無駄なしに次のCSSスタイルを適用しようとしている Styling I want to implement

Current styling of my table view column header

これは以下のように私はそれを見てみたいものです: これは私のヘッダは、現在のように見えるものです私もjfxrt.jarにあるcaspian.cssファイルをチェックアウトしましたが、正しい方向に私を指摘できませんでした。

だれでもアイデアがあれば、それは素晴らしいでしょう。 :) 前もって感謝します。

答えて

2

私は次のスタイルクラスで何かをしようとすることをお勧めします:

.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; 
} 

は、あなたが持っていけないあなたは確認しています小枝?スタイルクラスはtable-viewの代わりにtree-table-viewという名前が付けられています。

関連する問題