Blazor MultiColumn ComboBox Example - Text Wrapping

MultiColumn ComboBox / Text Wrap

This example demonstrates the TextWrap feature of the Blazor MultiColumn ComboBox, which specifies how words should break when reaching the end of a line, ensuring that content and headers wrap appropriately based on the specified wrapping options.

Loading Syncfusion Blazor Server Demos…

The TextWrap feature of the Blazor MultiColumn ComboBox can be achieved by setting EnableTextWrap to true and configuring the TextWrapElement and TextOverflowMode enums to control how the content is displayed based on your preferences.

    TextWrapElement is an enum Defines the element where text wrapping is applied.

    • Both - Wraps both the header and content.
    • Header - Wraps only the header.
    • Content - Wraps only the content.

    TextOverflowMode is an enum Defines truncates the cell content when it overflows its area.

    • Ellipsis - Displays an ellipsis (...) when the content overflows its area.
    • EllipsisWithTooltip - Displays an ellipsis (...) when the content overflows its area, and it also shows a tooltip on hover.
Transform your Blazor web apps today with Syncfusion® Blazor components
100+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE