I'd appreciate if someone could advise on the following:
Is it possible to show ASP.NET MVC grid header text on separate line from filter icon? When columns are narrow, all text gets hidden behind filter icon, it would be good to achieve something like shown on the picture below.
And another helpful thing would be to wrap grid header text, can it be done?
PSPavithra Subramaniyam Syncfusion Team September 26, 2019 06:05 AM
Thanks for contacting Syncfusion support.
From your Screenshot we suspect that you are using EJ2 ASP.NET MVC Grid. If so you can achieve your requirement by enabling the Auto Wrap feature of grid component. Or you can fit the column width to the largest content of the Column by using the AutoFit column feature. Please refer to the below documentation and sample link for more information.
If you are using the ASP.NET MVC(Classic) please share the code example for more validation.
VSVasyl ShepelyovSeptember 28, 2019 11:50 PM
Thank you, Pavithra, this is helpful.
However, if I switch text wrapping on, text doesn't utilize space above filter icon (please see marked yellow in the picture). Is it possible to use this area somehow? Ideally, filter icon to be on a separate line and rest of the text to appear above it, wrapped and taking whole width of the column (i.e. text box and filter icon box not to share the same line). Is it achievable?
PSPavithra Subramaniyam Syncfusion Team September 30, 2019 07:02 AM
Yes, It is possible to move the filter icon to the next line in the header column. This can be achieved by overriding the following styles in the grid component,
Overriding the above styles moves the filter icon to the start of the column in the next line. Using this you can move the filter icon to your desired position. These values may vary based on the grid size since we have manually overridden the pre-defined styles.