JavaFX 8 Pagination将页码放在顶部

Daw*_*ica 5 css java javafx javafx-8

我正在使用JavaFX 8 Pagination控件.
页面导航显示在底部,但我希望它显示在顶部,显示在实际数据之上.

如何在顶部显示页面导航(数字行和箭头按钮)Pagination

DVa*_*rga 8

我想最简单的解决方案是使用几次旋转.

这三个CSS选择器可以解决这个问题:

.pagination { -fx-rotate:180; }
.pagination .pagination-control { -fx-rotate:180; }
.pagination .page { -fx-rotate:180; }
Run Code Online (Sandbox Code Playgroud)

说明:

通过检查CSS参考 Pagination:

  • 整个控件的样式类是pagination.
  • 子结构包含显示的页面,其样式类为 page
  • 和页面导航区域的样式类 pagination-control
  • 页面 - StackPane
  • 分页控制 - StackPane
    • leftArrowButton - Button
    • ....

因此,CSS选择器的作用是旋转整个控件,然后再旋转子部件.

Pagination使用这些选择器的示例:

在此输入图像描述