默认样式
先看下表格默认样式:
1 | public class TableViewDemo extends Application { |
效果:
去掉默认文本
当表格中没有内容时,修改文本 表中无内容
:
1 | // 设置文本为空 |
或者可以放张图片:
1 | tableView.setPlaceholder(new ImageView(new Image(new FileInputStream("a.jpg"), 100, 100, false, false))); |
效果:
添加索引列
首列展示索引:
1 | TableColumn<Song, Song> idColumn = new TableColumn<>("#"); |
效果:
修改行样式
通过修改 .table-row-cell
样式实现,table-row-cell
可以认为是表格中的每一行:
1 | .table-view .table-row-cell { |
效果:
修改列样式
通过修改 .table-column
样式实现,以文本居中为例:
1 | .table-view .table-column { |
效果:
修改单元格样式
通过修改 .table-cell
样式实现,以边框为例:
1 | .table-view .table-cell { |
效果:
修改表格头样式
通过修改 .column-header
样式实现:
1 | .table-view .column-header { |
效果:
修改滚动条样式
滚动条样式修改方式都类似,如 ScrollBar
,ScrollPane
,TabelView
等。滚动条主要由 Track
,Thumb
,Left Button
,Right Button
组成,此处借用官网介绍图:
1 | /* 垂直方向滚动条样式 */ |
效果:
或者可以完全隐藏滚动条:
1 | /* 垂直方向滚动条样式 */ |
效果: