You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何修改TableView选中行单元格之间间隙的颜色?

解决JavaFX TableView选中行单元格间隙颜色问题

你看到的选中行单元格之间的间隙,本质是单元格的边框,可通过CSS针对性修改:

  • 聚焦状态下选中行的单元格间隙颜色(列间竖线):
.table-view:focused .table-row-cell:filled:focused:selected .table-cell {
    -fx-border-color: #ff4500; /* 替换为目标颜色 */
    -fx-border-width: 0 1 0 0; /* 仅保留右侧边框,模拟列间隙效果 */
}
  • 非聚焦状态下选中行的单元格间隙颜色:
.table-view .table-row-cell:filled:selected .table-cell {
    -fx-border-color: #ff4500;
    -fx-border-width: 0 1 0 0;
}

如果需要统一设置所有选中行的单元格边框颜色,也可以用更简洁的写法:

.table-view:row-selection .table-row-cell:selected .table-cell {
    -fx-table-cell-border-color: #ff4500;
}

应用方式

将上述CSS代码保存为.css文件,在Java代码中加载:

yourTableView.getStylesheets().add("你的样式文件路径");

内容的提问来源于stack exchange,提问作者XiaoJiawei

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.05 08:03:14