The Kendo UI TreeList for Angular enables you to resize its columns by dragging the edges (resize handles) of the header cells.
To enable column resizing, set the
resizable property of the Kendo UI TreeList for Angular to
- By default, the column-resizing feature is disabled.
- If the user resizes the TreeList columns so that the total width of the columns becomes less than the width of the TreeList, the remaining table is filled with whitespace.
You can set the initial width of all TreeList columns so that it fits the width of their widest header or cell content by using the
autoSize TreeList option. You can also apply this behavior on a per-column basis by using the
autoSize column option.
To auto-resize the columns of the TreeList at runtime, use the
The following example demonstrates how to automatically fit the content of all columns when the TreeList is re-rendered.