Avoid unwanted change in the width of TreeList columns on resizing locked columns.

Updated on Dec 19, 2025

Environment

Product Version	5.14.1
Product	Progress® KendoReact TreeList

Description

The resizing of the TreeList is not intuitive when there are locked locked.

Problem

Due to the way that the locked columns are rendered, having locked columns and resizing enabled at the same time will require the width of the TABLE element of the TreeList to be manually adjusted within the onColumnResize event.

Solution

Set the width of the TreeList through "tableProps.style.width" and set a "ref". Within "onColumnResize" event, check the table ref and use the event's totalWidth value to set it as a new width of the TABLE element

Following is an example demonstrating such implementation

Change Theme

Theme

Loading ...