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

【问题标题】：Vaadin Grid : How to remove select/deselect checkbox in header?Vaadin Grid：如何删除标题中的选择/取消选择复选框？
【发布时间】：2016-08-04 16:49:11
【问题描述】：

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

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

截图

【问题讨论】：

【解决方案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;
}

【讨论】：

【解决方案2】：

你可以用css来隐藏它，比如

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

应该可以。

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

【讨论】：