RESOLVIDO - JavaFX - Coluna desalinhada com dados na TableView

Galera, estou precisando de ajuda, tenho um tableview desenhada no scenebuilder que ta show porém a coluna fica desalinhada com as células, deem uma olhada nas últimas colunas:

Como posso resolver isso? quanto mais colunas tenho mais as últimas colunas ficam desalinhadas.
Obs.: Já troquei o “ColumnResizePolicy” mas o problema continua.

Abaixo meu CSS (Não sei se é aqui que está o problema)

.table-view{
    -fx-background-color: derive(-fx-primary, 10%);/*Cor do ScrolPane*/
    -fx-border-color: transparent;/*Bordas do ScrolPane*/
    -fx-font-size: 13px;/*Tamanho geral das fontes*/
}.table-view:focused{
    -fx-background-color: derive(-fx-primary, 20%);/*Cor do ScrolPane*/
    -fx-border-color: transparent;/*Bordas do ScrolPane*/
    -fx-font-size: 13px;/*Tamanho geral das fontes*/
}.table-row-cell {
    -fx-cell-size: 25px;/*Altura das linhas*/
}.table-view .column-header{
    -fx-background-color: derive(-fx-primary, 0%);/*Cor de fundo do cabeçalho*/
    -fx-border-color: #CFCFCF;/*Cor da borda do cabeçalho*/
    -fx-border-width: 0px 0px 1px 1px;
}.table-view .column-header-background{
    -fx-background-color: -fx-primary;
}.table-view .column-header-background .label{
    -fx-background-color: transparent;
    -fx-text-fill: #CFCFCF;/*Cor da fonte do cabeçalho*/
    -fx-alignment: CENTER_LEFT;
}.table-view .table-cell{
    -fx-text-fill: #CFCFCF;/*Cor da fonte das celulas*/
}.table-row-cell{
    -fx-background-color: -fx-primary;/*Cor da linha 1*/
    -fx-border-color: transparent;/*Cor da linha horizontal da tabela*/
    -fx-table-cell-border-color: transparent;/*Cor da linha vertical da tabela*/
}.table-row-cell:focused, .table-cell:focused{
    -fx-text-fill: -fx-primary;
}.table-column{
    -fx-alignment: CENTER_LEFT;
    /*-fx-border-color: #fff;/*Cor da linha horizontal e vertical da tabela*/
}.table-row-cell:even{
    -fx-background-color: derive(-fx-primary, 10%);/*Cor da linha 2*/
}.table-row-cell:selected{
    -fx-background-color: -fx-secondary;/*Cor da linha horizontar ao selecionar a celula*/
    -fx-background-insets: 0;
}.table-row-cell:selected .table-cell{
    -fx-text-fill: white;/*Cor da fonte ao selecionar a celula*/
}.placeholder .label{
    -fx-text-fill: white;
    -fx-alignment: CENTER_LEFT;
}.table-view > .virtual-flow > .scroll-bar:vertical,
.table-view > .virtual-flow > .scroll-bar:vertical > .track,
.table-view > .virtual-flow > .scroll-bar:vertical > .track-background, 
.table-view > .virtual-flow > .scroll-bar:horizontal,
.table-view > .virtual-flow > .scroll-bar:horizontal > .track,
.table-view > .virtual-flow > .scroll-bar:horizontal > .track-background {
    -fx-background-color: transparent;
}.table-view > .virtual-flow > .scroll-bar > .increment-button, 
.table-view > .virtual-flow > .scroll-bar > .decrement-button{
    -fx-text-fill: white;
}.scroll-bar:horizontal .thumb,
.scroll-bar:vertical .thumb{
    -fx-background-color: derive(-fx-primary, 60%);
    -fx-border-color: transparent;
    -fx-background-radius: 5em;
}.table-view .filler{
    -fx-fill: -fx-primary;
    -fx-background-color: -fx-primary;
}.table-context{
    -fx-base: -fx-primary;
}

Se você tirar o css ele fica normal?

1 curtida

Resolvido!
única solução foi analisar linha a linha do css e corrigir os pontos que estavam atrapalhando o redimensionamento das colunas:

Segue CSS caso alguém precise:

/*////////////////////////////////////////////////////////////////////////////*/
.table-view{
    -fx-background-color: derive(-fx-primary, 10%);/*Cor interna*/
    -fx-border-color: transparent;/*Bordas*/
    -fx-alignment: CENTER_LEFT;/*Alinhamneto do texto da table*/
    -fx-font-size: 13px;/*Tamanho geral das fontes*/
}.table-view:focused{
    -fx-background-color: derive(-fx-primary, 20%);/*Cor interna ao receber foco*/
    -fx-border-color: transparent;/*Bordas ao receber foco*/
    -fx-alignment: CENTER_LEFT;/*Alinhamneto do texto da table*/
    -fx-font-size: 13px;/*Tamanho geral das fontes*/
}.table-view .column-header{
    -fx-background-color: derive(-fx-primary, 0%);/*Cor de fundo do cabeçalho*/
    -fx-border-color: #CFCFCF;/*Cor da borda do cabeçalho*/
    -fx-border-width: 1px 1px 1px 1px;/*Borda do cabeçalho*/    
}.table-view .label{
    -fx-text-fill: #CFCFCF;/*Cor da fonte do cabeçalho*/
    -fx-alignment: CENTER_LEFT;/*Alinhamento do texto do cabeçalho*/
    -fx-font-size: 13px;/*Tamanho da fonte do cabeçalho*/
}.table-view .table-cell{
    -fx-text-fill: #CFCFCF;/*Cor do texto das celulas*/
    -fx-alignment: CENTER_LEFT;/*Alinhamento do texto do cabeçalho*/
}.table-row-cell{
    -fx-cell-size: 25px;/*Altura das linhas*/
    -fx-background-color: -fx-primary;/*Cor da linha 1*/    
}.table-row-cell:even{
    -fx-background-color: derive(-fx-primary, 10%);/*Cor da linha 2*/
}.table-row-cell:selected{
    -fx-background-color: -fx-secondary;/*Cor da linha horizontal ao selecionar a celula*/
    -fx-background-insets: 0;
}.table-column{
    -fx-border-width: 0px 0px 0px 0px;/*Borda do cabeçalho*/    
    -fx-border-color: #CFCFCF;/*Cor da borda do cabeçalho*/
}.table-view > .virtual-flow > .scroll-bar:vertical,
.table-view > .virtual-flow > .scroll-bar:vertical > .track,
.table-view > .virtual-flow > .scroll-bar:vertical > .track-background, 
.table-view > .virtual-flow > .scroll-bar:horizontal,
.table-view > .virtual-flow > .scroll-bar:horizontal > .track,
.table-view > .virtual-flow > .scroll-bar:horizontal > .track-background {
    -fx-background-color: transparent;
}.table-view > .virtual-flow > .scroll-bar > .increment-button, 
.table-view > .virtual-flow > .scroll-bar > .decrement-button{
    -fx-text-fill: #CFCFCF;
}.scroll-bar:horizontal .thumb,
.scroll-bar:vertical .thumb{
    -fx-background-color: derive(-fx-primary, 60%);
    -fx-border-color: transparent;
    -fx-background-radius: 5em;
}
/*////////////////////////////////////////////////////////////////////////////*/
1 curtida

Boa!