I need to modify the header of a tableview and I've tried this:
.table-view {
-fx-background-color: rgb(70,70,70);
-fx-text-fill: white;
-fx-border-style: solid;
-fx-border-color: transparent;
/* -fx-border-insets: 0 1 1 0, 0 0 0 0;*/
-fx-border-width: 0.083333em, 0.083333em;
}
.table-view .column-header{
-fx-border-style: solid;
-fx-border-color: rgb(130, 130, 130);
-fx-border-radius: 5px;
-fx-background-radius: 5px;
-fx-border-insets: 0 1 1 0, 0 0 0 0;
-fx-border-width: 0.083333em, 0.083333em;
}
.table-view .column-header .label{
-fx-font-size: 12px;
-fx-text-fill: white;
}
.table-view .column-header-background {
-fx-background-radius: 5px;
-fx-font-family: "Calibri";
-fx-background-color: rgb(50,50,50);
}
However, I can not edit any table header but only the headers of each column.
Sorry for the English and grammatical errors. I am Spanish speaking
I put an image to make it more clear
http://img823.imageshack.us/img823/49/tableexample.png
Edited by: biochemistry43 on 30-oct-2012 13:17