Set column width based on content

[johan.isaksson]

I am not able to reproduce. Which version of grid are you using? Try with our latest version?

[kerstin]

I am using grid 1.1.0

[johan.isaksson]

Can you reproduce it on one of our demos?

[kerstin]

I think my problem is that I am calling resize to early in a listener on loadChildren. How can I resize after all is done?
I noticed the resizeToFitContent() calls my renderer function (set in columns children) again even if the cell content is already rendered. Is there anyway I can check that the rendering is already done or is there a way to make resizeToFitContent() run instead of the original rendering?

[johan.isaksson]

Since grid only renders what is in view (+buffer) `resizeToFitContent()` needs to call the renderer for all rows to be able to measure things not yet shown.

Without a test case it is hard to say for certain what goes wrong, but you could try resizing on the event `expandnode` on the grid or on a timeout (last resort)

[awacode]

How can i set the column with based on column header name width?

And based on this thread, how can i call resizeToMatchWidestString() when using vue 3

[marcio]

Hey awacode,

Do you mean https://bryntum.com/products/grid/docs/api/Grid/column/Column#function-resizeToFitContent?

[Animal]

Did you actually mean to say Grid 1.1.0? From November 2018?

https://bryntum.com/products/grid/docs/guide/Grid/changelog#1-1-0-2018-11-09

[awacode]

i am asking for latest grid version 5.6 with vue 3

[marcio]

Hey awacode,

You can check on this example how to set up the instance reference on vue 3 https://bryntum.com/products/grid/examples/frameworks/vue-3-vite/project-summary/dist/

From there, you can access just like a plain JS Grid the column store, select the column that you want to resize, and call resizeToFitContent.