I have a Grid initialised as follows:
this.grid = new Grid({
id: this.gridId,
height: '100vh',
appendTo: this.host,
features: {
columnDragToolbar: false,
},
columns: [
{
text : 'Name',
field : 'name',
flex : 2,
editor : {
type : 'textfield',
required : true,
},
filterable : true,
},
{
text : 'Age',
field : 'age',
width : 100,
type : 'number',
filterable : true,
}
],
store: {
data: [ /* my data */ ],
},
});
I can see the feature ColumnDragToolbar
is disabled in my this.grid.features
property:
Later on in my code, I enable the feature dynamically:
this.grid.setConfig({
features: {
columnDragToolbar: false,
}
});
This seems to have no effect. I can see the feature is correctly set on the grid, and it creates a ColumnDragToolbar
instance:
But I cannot drag the column headers still, and the toolbar does not appear and the draggable feature does not appear to function. It works if I enable it at the initialisation stage:
this.grid = new Grid({
/* ... */
features: {
columnDragToolbar: true,
},
});