css - Syncfusion Grid：灵活的多行列标题

Question

我已经为此苦苦挣扎了一段时间，以便在需要时灵活地使用多行（自动换行）表格标题，并且仍然可以很好地显示其他标题，并且不会超出要求的标题列高度。

我在这里找不到合适的解决方案，并且在需要多行标题的特定列中<HeaderTemplate>使用<div>or<span>和<br>or进行了很多尝试<TextBox>（这仍然不是很灵活，因为它不会响应）。

实际的解决方案只是 site.css 中来自 SyncFusion 的列标题 div 的 CSS 覆盖：

.e-headercelldiv {
    vertical-align: middle !important;
    display: table-cell !important;
    line-height: 100% !important;
    white-space: normal !important;
}

这现在适用于所有表格标题，无论它们是否需要多行。

不幸的是，这样做无济于事，<HeaderTemplate>因为这只会影响标题 div，但限制因素是周围的父 div，剃刀页面无法解决此问题，只能通过覆盖 css 来解决。

希望能帮助其他人更快地找到这个。