DataGrid Column Header

[ingreyd]

Is it possible to wrap the header text of the column in the Grid and keep the feature icons (Sort, Filter) on the left and the right. If I use the HeaderTemplate and then wrap the text the icons also wrap.

[enchev]

You can control the column title using rz-column-title CSS:

Blazor DataGrid header word wrap not wrapping sort icon

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?

[bobtnt]

Putting this inside site.css works for me.

.rz-column-title-content {
white-space: normal !important;
word-wrap: break-word !important;
}