Vaadin Grid：如何删除 header 中的 select/deselect 复选框？

Question

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

如何删除 header 中的 select/deselect 复选框？

截图

Answer 1

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

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

应该可以。

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

Answer 2

为了避免鼠标点击单元格来切换复选框，您可以使用 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;
}

Vaadin Grid : How to remove select/deselect checkbox in header?