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

Question

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

结果应如下所示：

我如何管理？

Answer 1

继续我们在other question regarding cell background停止的位置，更新您的CellStyleGenerator以处理其他列。为了简洁起见，我只是演示一个带有两个边框的列，但你会明白这个想法：

implicit def implicitBfromA(implicit a: A): B = AtoB(a)

...在theme文件中添加适当的样式：

case class A(number: Int)

case class B(number: Int, tag: String)
object B {
  implicit def implicitB(implicit a: A): B = a
}

implicit def AtoB(a:A): B = B(a.number, "Hello World")

def hello()(implicit b: B) = b.number.toString + b.tag

def execute = {
  implicit val a: A = A(10)
  hello()
}

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

Answer 2

你需要：

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

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

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

所述

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