Get actual TreeList Column Width

[Scott]

I have a TreeList with a column width set to "auto."  Unless I change something with the state of the TreeList, the state shows the width of the column is "auto" but I can't find the actual width.  Is there a way to get the actual width of the column without resizing, sorting, etc?

[Tsvetomir]

Hello Scott,

There is currently no built-in API or property in the Telerik UI for Blazor TreeList that directly exposes the actual rendered pixel width of a column when its width is set to "auto." The TreeList state will continue to show "auto" until a user action (like resizing or sorting) updates it, but it does not provide the computed pixel value automatically.

How to Get the Actual Rendered Width:

To obtain the pixel width of a column set to "auto," you can use JavaScript interop to inspect the DOM after the TreeList has rendered:

• Assign a unique CSS class or ID to the column header or cell.
• Use JavaScript to read the offsetWidth or getBoundingClientRect().width of the targeted element.

Example JavaScript function:

function getColumnWidth(selector) {
    var element = document.querySelector(selector);
    return element ? element.offsetWidth : null;
}

You can call this JavaScript function from your Blazor component using IJSRuntime after the TreeList has rendered.

I hope the provided information serves you well.

Regards,
Tsvetomir
Progress Telerik