[VUE 3] Dynamic column configuration / reactive data

[awacode]

Update:

• If i only replace the columns.. it update fine
• if i only replace the store data... it updates fine

But if i update both... new columns and new data.. the columns are displayed, the rows are rendered, but the cells stay empty.

So i cannot do both of this the same time:

this.$refs.grid.instance.value.columns.data = // new value
this.$refs.grid.instance.value.store.data = // new value

Is this a bug? Or do i have to do it differently?

[awacode]

Looks like it works, but only if columns and store data are no empty arrays from the beginning. They need to contain values on init.

[ghulam.ghous]

Hi awacode,

I am unable to reproduce it. I am initializing the store and columns with empty array and changing the data using on button click.

        columns : [],
        data : []

And changing the data:

            this.$refs.grid.instance.value.columns.data = [{field: 'age'}];
            this.$refs.grid.instance.value.store.data = [{name:'Jjj', age: 3}];

Can you provide us a test case so we can repro this issue?

Regards,
Ghous