JavaFX 8 Pagination将页码放在顶部

时间:2016-11-09 22:02:30

标签: java css javafx javafx-8

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

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

1 个答案:

答案 0 :(得分:7)

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

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

.pagination { -fx-rotate:180; }
.pagination .pagination-control { -fx-rotate:180; }
.pagination .page { -fx-rotate:180; }

<强>解释

选中CSS reference of Pagination

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

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

使用这些选择器的示例Pagination

enter image description here