JavaFX TableView表头与表格体左对齐异常问题修复咨询

错位问题的核心原因是CSS中对表头背景和表格单元格设置了不对称的内边距/外边距，导致两者水平偏移量不一致：

• .column-header-background的-fx-background-insets: 0 11px 0 0;给表头背景右侧添加了11px内边距，破坏了默认对齐逻辑
• .table-cell的-fx-padding: 2 0 2 10px;给表格体单元格左侧加了10px内边距，表头未匹配该偏移量

修改后的完整CSS代码 #

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

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

.table-view .column-header-background{
    -fx-background-color: #263F73;
    -fx-background-radius: 7px 7px 0px 0px;
    /* 移除右侧额外内边距，恢复左右对齐 */
    -fx-background-insets: 0;
    -fx-padding: 0 0 5px 0;
    -fx-text-background-color: WHITE;
 }

.table-view .column-header {
    -fx-background-color: transparent;
    /* 添加与表格体一致的左侧padding，保证内容对齐 */
    -fx-padding: 0 0 0 10px;
}

.table-view .table-cell{
    -fx-border-color: transparent;
    -fx-padding: 2 0 2 10px;

}
.table-row-cell:hover {
    -fx-background-color: #93f9b911;
    -fx-text-background-color: red;
}
.table-row-cell:odd{
    -fx-background-color: #93f9b911;
    -fx-background-insets: 0, 0 0 1 0;
    -fx-padding: 0.0em;
}
.table-row-cell:even{
    -fx-background-color: #1dbbdd11;
    -fx-background-insets: 0, 0 0 1 0;
    -fx-padding: 0.0em;
}

.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-opacity: 0;
    -fx-padding: 2;
}

.table-row-cell:selected .text {
       -fx-fill: red ;
}

关键修改说明 #

1. 移除.column-header-background中的右侧内边距设置，消除表头背景的偏移
2. 给.column-header添加与表格体单元格一致的左侧padding，让表头内容和表格体内容的起始位置对齐

内容的提问来源于stack exchange，提问作者Darren Black