Change the color of a column

Webix JS
#1

How can I dynamically change the color of a column?

#2

To do it automatically depending on some parameter, you can set thecssFormat method to the column. It will affect each cell particularly, so it’s the most flexible way.

To set the style manually, you can redefine thecss property of the column:

  grid.getColumnConfig(column).css = "myClass";
  grid.refreshColumns();
#3

How do I get access to the cell property(css) from the object item (row) ?
Is it possible to do this?
Example:

$change:function(item) {
  /*item.$css = "myStyle";*/
item.cell.$css = "myStyle";
}
#4

$css affects the entire row. $cellCss is a cell-related property (it’s described in the corresponding article, but please note that we don’t recommend to dynamically change attributes with the ‘$’ prefix (e.g. $css, $cellCss). Instead, you can use the add/removeCellCss methods.

#5

Thanks!