Vaadin Grid：如何删除标题中的选择/取消选择复选框？

Question

我在Vaadin中使用Grid（多选模式）进行数据表示，我有一个问题：

如何删除标题中的选择/取消选中复选框？

截图

Answer 1

为了避免鼠标点击单元格以切换复选框，您可以使用CSS属性 pointer-events 。

我已将 hide-checkbox 样式添加到我的网格中，然后使用以下css隐藏复选框并阻止点击事件（Vaadin 7）：

.v-grid-hide-checkbox th .v-grid-select-all-checkbox {
  display: none;
}

.v-grid-hide-checkbox th:first-child {
  pointer-events: none;
}

Answer 2

您可以使用css隐藏它，例如

.v-grid-select-all-checkbox {
    display: none;
}

应该有用。

如果当然复选框仍然存在，那么通过使用浏览器的开发人员工具，可以使其可见。