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 ...

Suggested Links

• API Reference of the TreeListComponent
• API Index of the TreeList