Я пытаюсь установить стиль для определенного заголовка столбца в моем приложении React Ag-grid.
После прочтения документации я использую ag-theme-balham и создал новый класс в своем файле css:
.ag-theme-text-right {
font-size: xx-large;
color: red;
text-align: right;
}
Я применяю класс к определенному столбцу, используя headerClass.
{
headerName: "Comic", field: "price", headerClass: 'ag-theme-text-right'
}
Когда я запускаю приложение, размер шрифта и цветовые стили применяются, но текст по-прежнему выравнивается по левому краю.
Из проверки в моем браузере .ag-header-group-label-label, .ag-header-cell-label перезаписывают headerClass. В частности, «display: flex» обеспечивает выравнивание текста. Когда я отключаю «display: flex», выравнивание текста в моем классе вступает в силу.
Можно ли применить стиль, просто передав класс в headerClass? Или мне нужно сделать что-то более продвинутое?