Dynamically update the header values in datatable?

Webix JS
1

Hi,
I would like to have a custom header values in datatable & would like to update header field values dynamically?

2

You can access the config of related column and change the label.

Just be sure to call refreshColumns to apply the new configuration.

http://webix.com/snippet/d581e516

3

Thanks Maksim.

I want to add/remove one more field value to the headers, when ever there is a change/update in the columns. The sample is shown as for updating the column names

4

Sorry, but I’m still not sure what do you mean by “add field value”

Anyway, please check the updated sample
http://webix.com/snippet/e07a8495

5

Thanks Maksim.

My intention is to dynamically set the header menudata like below

headermenu: {
id: “headerMenu”,
css: “webix-contextmenu”,
width: 150,
data: getHeaderMenuData(),

}

Like setting externally for columns,
function add_column(){
var columns = webix.toArray(grid.config.columns);
columns.insertAt({
id:“c”+webix.uid(),
header:“New column”
},2);
grid.refreshColumns();
}

is there a way that I can set for headerMenu data.

Please let me know if more info is required.

6

It is probably answered here
http://forum.webix.com/discussion/3269/dynamically-set-headermenu-data-in-datatable#Item_3

7

Thanks Maksim.