Styling a TableView in CSS (JavaFX)

Question

How can I style the \"THIS\" point in my TableView?

My CSS Code looks as follows:

   */*
 * Empty Stylesheet file.
 */

.root{
    -fx-backgroun         


        

Answer 1

I managed to solve this with this CSS code:

.table-view .filler {
    -fx-border-insets: 10 //Enter value depending on thickness;
}

Answer 2

.table-view{
   -fx-background-color: transparent;
}

Background color can be white if no records in TableView. And maybe nice to have styling for placeholder

Answer 3

Try this

.table-view .filler{
    -fx-background-color: transparent;
}

Answer 4

.table-view .filler is the selector you are looking for. The scenic view tool is pretty good for analyzing a component.

Answer 5

In case anyone came here searching for CSS of column-show-hide button, here is the CSS.

.table-view .show-hide-columns-button {
    -fx-background-color: red;
    -fx-border-color: -fx-box-border;
    -fx-border-insets: -1 -1 0 0;
}