Vaadin网格表：如何为某些列绘制边框？

我正在使用Vaadins网格表进行数据表示。 因此，我想为Employee -ID-column的右边框以及name或name和surname列的两个边框绘制一条粗线。

结果应如下所示：

我该如何管理呢？

Answer 1

继续我们在关于单元格背景的其他问题中停止的地方，更新您的CellStyleGenerator以处理您的其他列。 为了简洁起见，我将只演示一个带有两个边框的列，但您会明白这一点：

 grid.setCellStyleGenerator(new Grid.CellStyleGenerator() { @Override public String getStyle(Grid.CellReference cellReference) { if ("c1".equals(cellReference.getPropertyId())) { return "green"; } else if ("c2".equals(cellReference.getPropertyId())) { return "right-and-left-border"; } else { return null; } } }); 

…在主题文件中添加适当的样式：

 .v-grid-cell.right-and-left-border { border-left: solid 2px black; border-right: solid 2px black; } 

……你应该得到类似的东西：

Answer 2

你需要：

1. 将样式名称添加到网格组件：

    Grid grid = new Grid(); grid.addStyleName("grid-column-seperators") 

2. 然后在* .scss文件中，您需要为类.grid-column-separator添加css样式，在网格中添加粗线，如此处所述

请记住在部署应用程序之前编译Vaadin主题以查看所需效果。