如何解决如何更改 vaadin 网格内嵌边框的颜色
我想更改内嵌边框颜色。
基本上这是我的网格
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知识。如何更改内嵌边框的颜色和粗体。
解决方法
你需要添加类名生成器
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")
,
为您的网格组件添加样式名称:
grid.addStyleName("grid-table-column-seperators")
然后为 .grid-table-column-seperators
类添加 css 样式,如下所示:
table,td,th {
border: 1px solid black;
border-collapse: separate;
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。