By default, the Kendo UI for Vue Native TreeList is responsive and has no fixed width—the component behaves like an HTML table and expands to the width of the parent element.
By default, the TreeList will equally divide its width between its columns and it will responsively expand or shrink them when the width of its parent container is changed.
- To set the column widths of the TreeList, use the
widthproperty when defining its columns.
- To set the
widthof the TreeList
wrapperelement, use the TreeList
- To set the width and any other property of the underlying HTML table, use the
tablePropsproperty of the TreeList which allows you to quickly resize the TreeList in the desired units.
To set the TreeList column widths in percentage, set the width values through the
width property when defining its columns. The width of the
table HTML block elements of the TreeList defaults to
auto and the browser will expand them according to the available space. If your project requires you to limit the TreeList width, set the wrapper width through the TreeList
To set the TreeList column widths in pixels, set the width values through the
width property of the
TreeListColumnProps, and the
table HTML widths which will be the sum of the widths of all columns.