Wrap headertext in grid

Radzen Studio Angular
1

Hello,

I have a grid that has several columns with long text in column header, for example "Ist Artikelnr Korrektur"
Is there a way so that I can wrap the headertext and have multiple lines in a column header in a grid?

So for example 2 lines:

Ist Artikelnr
Korrektur

2

This can be done by appending the following CSS to the client\src\styles.css file:

.ui-datatable-thead th .ui-column-title {
  white-space: normal;
  height: 2rem;
}
2 Likes
3

Hi ,

I want to do this also but not for all the pages in the application but only on one specific page and grid on that page .

4

You can use the approach from this thread:

2 Likes