Rotate headers with a certain degree

[barbara-lea]

Hi, everyone. I am trying to to rotate the contents of the header cells with 45 degrees. The contents are some longer strings and I wish they would be visible even if they are overflowing on the next column headers. I modified my headerRenderer based on this article, but it seems like what is working on th elements does not work on the grid divs that we have inside the header (vertical-align: bottom has no effect).

Did anyone already done that with react-data-grid or has an idea how this should be done?
Thanks.

[barbara-lea]

I am using the following properties: display: flex; justify-content: center; align-items: end; on the
.relationship-data-grid .rdg-header-row .rdg-cell , (inside of `vertical-align) that put the header contents to the bottom of the cells, but another problem arises:
The text that overflows is not displayed (I attached a screenshot). Does anyone have an idea for this?