Vaadin 8.2.0网格-如何从多重选择复选框中删除标签

Vaadin 8.2.0网格-如何从多重选择复选框中删除标签,vaadin,vaadin8,vaadin-grid,Vaadin,Vaadin8,Vaadin Grid,更新2:事实证明,我们的项目设置不是最优的,这就是为什么我必须手动将更新后的带有主题的VAADIN文件夹复制到另一个位置。问题不是由瓦丁引起的,而是我们的项目设置。 感谢@SteffenHarbich和Vaadin开发人员,他们帮助我找到了问题的根源 我使用的是Vaadin Framework 8.2.0,我有一个带有SelectionMode.MULTI的网格 由于multiselection模式,将显示一个附加列,其中包含用于选择行的复选框,这很好! 但是:这些复选框也有一个带有文本行号XX

更新2:事实证明,我们的项目设置不是最优的,这就是为什么我必须手动将更新后的带有主题的VAADIN文件夹复制到另一个位置。问题不是由瓦丁引起的,而是我们的项目设置。 感谢@SteffenHarbich和Vaadin开发人员,他们帮助我找到了问题的根源

我使用的是Vaadin Framework 8.2.0,我有一个带有SelectionMode.MULTI的网格

由于multiselection模式,将显示一个附加列,其中包含用于选择行的复选框,这很好! 但是:这些复选框也有一个带有文本行号XX的标签。这个标签让我很烦恼,我找不到办法把它们去掉

在瓦丁的世界里没有这样的标签,所以我相信这是可以实现的

在这里,用CSS隐藏标签对我没有帮助,因为列宽保持不变,就像有标签一样

以下是我的简化代码:

Grid<MyItem> myGrid = new Grid<MyItem>(MyItem.class);

myGrid.setSelectionMode(Grid.SelectionMode.MULTI);

myGrid.getEditor().setEnabled(true);
myGrid.setColumnReorderingAllowed(true);

//all columns match membervariables of MyItem. I use setColumns in order to control which fields are shown (not all of them are)
myGrid.setColumns(GRID_COLUMNS);  

myGrid.getColumn("foo").setHidable(false).setCaption("bar");
// configure each column similarly

myGrid.getColumn("foo").setEditorComponent(new TextField());
// some more setters of editorComponents and editorBindings

// finally, set items.
// binder contains a bean that has many MyItems. binder is of type com.vaadin.data.Binder;
myGrid.setItems(binder.getBean().getMyItems());
请参阅github上的。问题是旧主题CSS。

使用

.v-assistive-device-only-label  label {
    font-size:0;
    width: 0px; 
}

请张贴您的密码。当我激活多选时,新列只包含复选框。我使用的是Vaadin 8.1.6。@SteffenHarbich我添加了我的代码的简化版本。@SteffenHarbich谢谢你的评论,我降级到8.1.6,不再有标签,只有复选框。现在正在写一张罚单。更奇怪的是,我更新到了Vaadin 8.2.0,它仍然适用于我。等等。。什么我官方对此感到困惑,我不知道为什么,但是相关的css规则。v-assistive-device-only,.v-assistive-device-only-label标签{…}没有生成到我的style.css中,可能是因为使用了兼容模式或我的知识有限。尽管如此,我还是遵循了你的想法,将这个部分从我在这个链接下找到的生成的style.css复制粘贴到我的style.scss中