DataGrid / Columns / Autowrap Column Cells

Blazor DataGrid Example - Autowrap Column Cells

Loading Syncfusion Blazor Server Demos…

1 of 12 pages (138 items)

This sample demonstrates the DataGrid component with auto wrap column cell content functionality.

The AllowTextWrap property enables automatic text wrapping in the Blazor DataGrid. When the width of cell content or header text exceeds the available cell width, this property wraps the text into multiple lines, ensuring all content remains visible.

In this demo, the AllowTextWrap property is enabled for the Main Fields of Invention column. You can observe how the content is automatically wrapped into multiple lines when it exceeds the cell width.

For more detailed information about the autowrap feature, refer to the autowrap documentation.

Transform your Blazor web apps today with Syncfusion® Blazor components
145+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE