Scrollbar on JavaFX table leaves a white space when using custom CSS -
a picture worth thousand words:
.
as can see i'm using custom css on table, cant fill upper-right corner. tried changing background of scroll-pane without result.
here's actual css:
.table-row-cell { -fx-background-color: rgba(71, 81, 80,0.5); } .table-row-cell:hover { -fx-background-color: rgba(40, 96, 93, 0.50); } .table-row-cell:hover:empty { -fx-background-color: rgba(71, 81, 80,0.5); } .table-row-cell .table-cell { -fx-border-width: 0px; } .table-view { -fx-border-color: rgba(1, 11, 12, 1); -fx-background-radius: 2; -fx-border-width: 1px; -fx-border-radius: 2; -fx-background-color: rgba(71, 81, 80,0.2); -fx-background-insets: 0; } .table-view .column-header { -fx-background-color: rgba(1, 11, 12, 1); } .scroll-bar { -fx-background-color: rgba(1, 11, 12, 1); } .scroll-bar .increment-button:hover { -fx-background-color: rgba(1, 11, 12, 1); } .scroll-bar .decrement-button:hover { -fx-background-color: rgba(1, 11, 12, 1); } .scroll-bar .thumb { -fx-background-color: rgba(71, 81, 80,0.5); }
any appreciated.
i finaly found how solve it, @james_d me find solution.
that corner not part of scroll-pane table.view header. can change background code.
the padding necessary cause leaves weird white line on right without it.
.table-view .column-header-background .filler { -fx-background-color: rgba(1, 11, 12, 1); -fx-padding: 1em; }
if find better way achieve please, answer welcome.
Comments
Post a Comment