如何更改 vaadin 网格内联边框的颜色

Question

我想更改内联边框颜色。

基本上这是我的网格

    grid.setSelectionMode(Grid.SelectionMode.SINGLE);
    docID = grid.addColumn("docID").setHeader("ID").setAutoWidth(true);
    subquery = grid.addColumn("subquery").setHeader("Aranan Metin").setAutoWidth(true);
    name = grid.addColumn("name").setHeader("Bulunan Metin").setAutoWidth(true);
    similarity = grid.addColumn("similarity").setHeader("Benzerlik Oranı").setAutoWidth(true);
    grid.setDataProvider(new ListDataProvider<> 
           (searchResultLogRepository.findBySearchId(Integer.parseInt(searchID))));

这就是我正在做的事情

grid.getStyle().set("border","1px solid black");

结果是

但我真正想要的是

我没有那么多css知识。如何更改内嵌边框的颜色和粗体。

Answer 1

将样式名称添加到您的网格组件：

grid.addStyleName("grid-table-column-seperators")

然后为 class .grid-table-column-seperators 添加 css 样式，如下所示：

table, td, th {
  border: 1px solid black;
  border-collapse: separate;
}

Answer 2

您需要添加 class 名称生成器

grid.setClassNameGenerator(item -> "my-border");

然后创建 css 文件，“frontend/styles/grid-styles.css”，其中包含

.my-border {
    border: 1px solid black;
}

并将此注释添加到主布局或具有网格的视图中

@CssImport(value = "./styles/grid-styles.css", themeFor = "vaadin-grid")

如何更改 vaadin 网格内联边框的颜色

how to change color of vaadin grid inline borders

css

java

vaadin

spring-boot

vaadin14