Vaadin網格：如何刪除標題中的選擇/取消選擇複選框？

Question

我在Vaadin中使用Grid（多選模式）進行數據表示，我有一個問題：

如何刪除標頭中的select/deselect複選框？

截圖

Answer 1

你可以使用CSS來隱藏它，像

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

應該工作。

如果當然複選框仍然存在，那麼通過使用瀏覽器的開發人員工具，可以使其可見。

Answer 2

爲了避免鼠標點擊單元格以切換複選框，您可以使用CSS屬性指針事件。

我已經添加了風格捉迷藏複選框到我的網格，然後用下面的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; 
}