This sample demonstrates the Tree Grid with the text wrap option enabled for both headers 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.
In this demo, the "Title" and "Description" columns
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 Tree Grid's allowTextWrap
property to true, which automatically applies wrapping
to both header and cell content.
More information about text wrap can be found in this documentation section.
Looking for the full React Tree Grid component overview, features, pricing, and documentation? Visit our React Tree Grid component page.