Preciso mudar o css dinamicamente conforme alteração na tabela handsontable

Tags: #<Tag:0x00007efc6503f440>

preciso mudar o css dinamicamente conforme alteração na tabela handsontable.

hoje nas options defino as cores dessa forma.

afterGetColHeader: function(col, TH) {
var TR = TH.parentNode;
var THEAD = TR.parentNode;
var headerLevel = (-1) * THEAD.childNodes.length + Array.prototype.indexOf.call(THEAD.childNodes, TR);

    function applyClass(elem, className) {
      if (!Handsontable.dom.hasClass(elem, className)) {
        Handsontable.dom.addClass(elem, className);
      }
    }

   if (headerLevel === -1) {
      //colunas 1 a 23 cor azul
      if (col ===0 || (col >=1 && col <= 22)) {
        applyClass(TH, 'color1');
        
      }else if (col >= 23 && col <= 53) {//colunas 24 a 54 cor verde
        applyClass(TH, 'color2');
      }
    }
  }

como posso fazer isso

Hi @wesley.camara

What is a case scenario? Would you like to change styling after any certain action?

Hi aleksandra_budnik,

Exatamente isso, apos usuario selecionar uma ação eu mudo a cor do header, como fazer isso ?

We do not have any API for that, but you can overwrite our CSS settings. Here is an example http://jsfiddle.net/pkvwn91g/