Blazor DataGrid header word wrap not wrapping sort icon

Radzen.Blazor Components
1

I've enabled word wrap in my data grid headers by overriding the CSS to

.rz-column-title{
        white-space:normal;
    }

But this does not wrap the sort icon so it often is not visible on wide columns.
Is there a better way to have the header text wrap yet still maintain the icons?

2

Hi @JohnS,

The sort icon is not rendered inside the .rz-column-title element hence it isn't affected by that rule. You can try applying word wrapping on a common parent element such as .rz-sortable-column