Example of AutoWrap Column Cells in ASP.NET MVC Data Grid Control

This sample demonstrates the Data Grid with the text wrap option enabled for both header and cell content. This setting ensures that long header text and cell values are fully visible by wrapping onto multiple lines instead of being truncated with an ellipsis.

DEMO
SOURCE

In this demo, the "Main Fields of Invention" column exceeds the available width, so its header and cell content are wrapped across multiple lines for better readability. Text wrapping is enabled by setting the grid’s AllowTextWrap property to true, which automatically applies wrapping to both header and cell content.

Transform your ASP.NET MVC web apps today with Syncfusion® ASP.NET MVC components
145+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE
opens in a new tab