Align filter icon in grid column header

[Chau]

The filter icon is currently displayed next to the first line of the column header text (see attached screenshot).  If a grid has some column headers text spanning on a single line, or multi-lines, is it possible to display the filter icon at the bottom line so all columns have the same position of the filter icon ?

One alternative is to set the [headerStyle] of each column to be 'white-space':'nowrap', but then the column header width will be too big if I need to show the full column name.

Thanks for any suggestion.

[Svet]

Hi Chau,

Thank you for the provided screenshot.

We can achieve the desired design by implementing some custom CSS. Please check the following sample plunker:

https://plnkr.co/edit/0pZgNuNzNBfumFyilAi6?p=preview

I would also like to provide another approach of aligning the header cell's text top. This will makes sure to keep the filter icon on the first line and on top for all column headers:

https://plnkr.co/edit/rEof1fhORM5deq1PUg0I?p=preview

I hope this helps.

Regards,
Svetlin
Progress Telerik