在Vaadin 14中，列标题中的文本能否换行到网格中的多行？

在上图中，我在瓦丁14中创建了一个。请注意列标题未换行的红线

我试图弄清楚是否有可能（安全/容易/标准）包装列标签（例如，像Excel中那样）

---

我和我的同事都不知道如何做到这一点

您需要调整Vaadin网格样式，如以下代码段所示：

/*在网格列标题中换行文本*/
[部分~=“标题单元格”]{
空白：正常；
}

通过

@CssImport

注释包含CSS，为网格设置主题：

@CssImport（value=“./styles/grid styles.css”，themeFor=“vaadin grid”）
公共类YourViewOrLayout扩展了复合{
...
}

对web组件进行样式化的主要混淆源于阴影DOM概念。每个web组件都有自己的样式范围。这意味着影子DOM中的所有HTML标记都必须通过影子DOM中的

标记进行样式设置。web组件（此处为Vaadin网格）附带样式，但您可以使用上面的

@CssImport

注释附加您自己的样式。尝试使用浏览器的开发工具（IE/Edge除外）检查

标记的HTML结构，您会注意到阴影DOM。但是，位于web组件下的一些标记将不是影子DOM的一部分。这些由

s引用，全局样式将应用于它们。对于Vaadin网格，单元格内容是开槽的

---

注意：以前版本的Vaadin Flow包含自定义web组件样式的方式略有不同。请参阅。

您是否尝试过换行单元格内容主题变体？您是否尝试覆盖网格的CSS样式？如果是，你尝试了什么？我很确定这是可能的，@cfrick的建议对我们有效