Datatable update single column header

Webix JS
1

How can I refresh the text of a single column header in a datatable? If I update the column config and do refreshColumns, this scrolls the datatable back to the start, which is quite jarring if the column was many columns to the right of the start. I want to leave the datatable scrolled where it was when I updated.

If I immediately do scrollTo, that works, but is also a bit jarring, causing a bit of a flicker of the datatable.

2

you can change header’s node value manually after defining column’s header.

table.getColumnConfig(columnId).header = 'new header';
table.getHeaderNode(columnId).innerHTML = 'new header';

https://docs.webix.com/api__ui.datatable_getheadernode.html

3

I did that. But this does not redraw the column.

If I call the refreshColumns method, the datatable scrolls back to 0. I need to update the one column header without any scrolling. How can I do that?

4

@dethier it works for me
https://snippet.webix.com/nfla4czn

5

My columns are rotated vertically. When I try this they become horizontal.

6

you need to apply formatted value

7

Could you provide an example?

8

sorry. when rotate:true is used, this solution is possible
https://snippet.webix.com/vi3bjmo7
attention to firstChild

9

Excellent! That works perfectly! Thanks, much!