• Material 3
  • Fluent
  • Bootstrap v5
  • Tailwind CSS
  • High Contrast
Preferences
Theme Selection
Theme Modes
Mode Selection
Touch
Mouse
Localization
*Translated by Google Translator.
Currency

Example of Auto Wrap Column Cells in ASP.NET MVC Tree Grid Control

This sample demonstrates the Tree Grid component with the auto wrap column cell feature. In this sample, you can see that Task Name column cell content exceeded the available width hence it has been wrapped into multiple lines.

DEMO
SOURCE

Auto wrap cell content can be enabled using AllowTextWrap property of the Tree Grid. Setting this property will wrap cell text on multiple lines. This feature is useful to view the cell content when it exceeds the cell width.

Setting this property will wrap the text in both content cell and header cell.

In this demo, the AllowTextWrap property is enabled, and you can also see that the Task Name column whose content exceeded the cell width is wrapped into multiple lines. More information on the Tree Grid instantiation can be found in this documentation section.

Transform your ASP.NET MVC web apps today with Syncfusion ASP.NET MVC components
85+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE