New to Kendo UI for AngularStart a free 30-day trial

Column Widths

With regard to the widths of its columns, the scrollable (default) TreeList typically behaves as any regular HTML table with a fixed layout.

  • When all column widths are explicitly set and the cumulative column width is greater than the available TreeList width, a horizontal scrollbar appears and all set column widths are respected.
  • When all column widths are explicitly set and the cumulative column width is less than the available TreeList width, the remaining width is distributed evenly between all columns.
  • When only some column widths are set and the cumulative width of the columns with set widths is greater than the available TreeList width, a horizontal scrollbar appears and all set column widths are respected. Columns with no set width are invisible as their width is 0.
  • When only some column widths are set and the cumulative width of columns with set widths is less than the available TreeList width, the widths of the columns with a set width are respected and the remaining width is distributed evenly between the other columns.
  • When no column widths are set, the available width is distributed evenly between all TreeList columns.
  • When the TreeList has at least one locked column, the widths of the TreeList columns behave like a resizable TreeList.

The following example demonstrates how to explicitly set all column widths in the TreeList.

Change Theme
Theme
Loading ...
In this article
Suggested Links
Not finding the help you need?
Contact Support