javafx 通过 css 去掉 tableView 滑动条

慕承允
2023-12-01

CSS 代码:

/* 用于去掉table-view竖直滑动条 */
.remove-scroll .virtual-flow .scroll-bar: vertical {
    -fx-pref-width: 0;
}
/* 用于去掉上下按键 */
.remove-scroll .virtual-flow .scroll-bar: vertical .decrement-button .decrement-arrow,
.remove-scroll .virtual-flow .scroll-bar: vertical .increment-button .increment-arrow {
    -fx-padding: 0 0 0 0;
    -fx-shape: "";
}


/* 用于去掉table-view水平滑动条 */
.remove-scroll .virtual-flow .scroll-bar: horizontal {
    -fx-pref-height: 0;
}
/* 用于去掉左右按键 */
.remove-scroll .virtual-flow .scroll-bar: horizontal .decrement-button .decrement-arrow,
.remove-scroll .virtual-flow .scroll-bar: horizontal .increment-button .increment-arrow {
    -fx-padding: 0 0 0 0;
    -fx-shape: "";
}

FXML 代码


/* 先设置tableView的样式,再移除滑动条,避免出现滑动条未移除的错误 */
<TableView fx:id="tableView" styleClass="custom-table-view, remove-scroll"/>

 类似资料: