Vaadin网格表：如何禁用排序功能并设置一列的颜色

Question

我正在使用瓦丁的网格表进行数据表示。为此，我试图弄清楚以下两个问题：

1.)如何禁用各列表头的排序功能

2.） 如何设置网格表中一列的颜色

Answer 1

以下是对Morfic好答案的一个小补充：

1.)如何禁用各列表头的排序功能

网格询问容器列是否可排序（请参阅网格中的追加列方法）。如果要禁用所有列的排序，可以重写容器中的 getSort 可排序容器属性 Id 并返回一个空集合：

container = new BeanContainer<String, Dive>(Dive.class) {
            @Override
            public Collection<?> getSortableContainerPropertyIds() {
                LinkedList<Object> sortables = new LinkedList<Object>();
                return sortables;
            }
        };

Answer 2

首先，我发现Vaadin文档是开始寻求帮助的好地方。对于练习的其余部分，假设我们有一个Grid，其中包含3个简单的列c1、c2

Grid grid = new Grid();
grid.addColumn("c1", String.class);
grid.addColumn("c2", String.class);
grid.addColumn("c3", String.class);

1.)如何禁用各列表头的排序功能

遍历每一列，并将其sortable属性设置为false:

for (Grid.Column column : grid.getColumns()) {
    column.setSortable(false);
}

或者只获取所需的一列并设置其可排序属性：

grid.getColumn("c1").setSortable(false);

2.）如何设置网格表中一列的颜色

与表格的处理方式类似，您需要在主题中定义 CSS 样式：

@import "../valo/valo.scss";

@mixin mytheme {
  @include valo;
  // Insert your own theme rules here

  .v-grid-cell.green {
    background: #33BB00;
  }
}

并使用CellStyleGenerator将样式应用于所需的列：

grid.setCellStyleGenerator(new Grid.CellStyleGenerator() {
    @Override
    public String getStyle(Grid.CellReference cellReference) {
        if ("c1".equals(cellReference.getPropertyId())) {
            return "green";
        } else {
            return null;
        }
    }
});

这将产生以下内容：