Syncfusion Grid: гибкие многострочные заголовки столбцов

Question

Я уже некоторое время боролся с этим, чтобы гибко иметь многострочные (с переносом по словам) заголовки таблиц, когда это необходимо, и при этом отображать другие заголовки, хорошо центрированные и без увеличения высоты столбца заголовка сверх требований.

Я не смог найти здесь подходящего решения, а также много пробовал с помощью <div> или <span> а также <br> или <TextBox> внутри определенного столбца, для которого потребуются многострочные заголовки (что все еще не очень гибко, так как не будет реагировать).

Фактическим решением было просто переопределение CSS в site.css для div заголовков столбцов, поступающих из SyncFusion:

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

Теперь это работает для всех заголовков таблиц, независимо от того, нужны они многострочные или нет.

К сожалению, ничего не помогает <HeaderTemplate> потому что это повлияет только на div заголовка, но ограничивающим фактором является окружающий родительский div, который не может быть обработан страницей razor, только путем переопределения css.

Надеюсь, что это поможет кому-то еще быстрее найти это.