Я использую vaadin-grid с двумя строками заголовков: одна для заголовка сгруппированных столбцов, а другая для реального заголовка столбца.
Мне нужен вертикальный разделитель между сгруппированными столбцами.
На данный момент я использую генератор имен классов в первом столбце каждой группы, чтобы добавить левую границу:
grid.addComponentColumn(...)
.setHeader("My column")
.setClassNameGenerator(line -> "first-group-col")
с dom-модулем, включенным через JsImport:
import '@polymer/polymer/lib/elements/custom-style.js';
const documentContainer = document.createElement('template');
documentContainer.innerHTML = `
<dom-module id="my-grid-theme" theme-for="vaadin-grid">
<template>
<style>
.first-group-col {
border-left: 1px solid red;
}
</style>
</template>
</dom-module>`;
document.head.appendChild(documentContainer.content);
Но класс .first-group-col не отображается в строках заголовка, и я не понимаю, как добавить класс в ячейку заголовка.
Итак, как мне добавить границу в какой-нибудь столбец в строках заголовка?
Количество столбцов в моей сетке динамическое, поэтому я не могу просто использовать CSS для добавления границы в n-й столбец.
Я использую Vaadin 14.
С уважением,
Арно
