Handsontable: jquery scalanie nagłówków, błąd w poziomym przewijaniu

Question

im obecnie pracuje z handsontable i python + django, i umieścić niestandardowy połączony nagłówek z JavaScript. I powinno to wyglądać tak.

Ale kiedy ładuję stronę.

Ale gdy przewijanie do tyłu i foward błąd zniknie magicznie.

Jest to kontener div.

<div class="table-container" style="width: auto; height: 200px; overflow: hidden;margin-top: 20px;"> 
           <div id="table-index" data-productoscomerciales='{{productoscomerciales}}'></div> 
          </div> 

To jest mój kod javascript.

function createTable(data, container) {  

var str = '<tr id="header-grouping">'+'<th colspan="1"></th>'+'<th colspan="1"></th>'+'<th colspan="1"></th>'+'<th colspan="15">Inventario*</th>' + 
      '<th colspan="9">Producción*</th>'+'</tr>'; 

return new Handsontable(container, { 
    data: data.slice(2,data.length), 
    minSpareRows: 1, 
    rowHeaders: false, 
    manualColumnResize: true, 

    colHeaders: data[0], 
    columns: data[1], 

    colWidths: [150, 100, 130], 
    contextMenu: false, 
    afterRender : function() {$('.htCore > thead > tr').before(str);}, 
    beforeRender: function() { 
     while ($('#header-grouping').size() > 0) 
       $('#header-grouping').remove(); 
    }, 
    afterColumnResize: function() { 
     $container.handsontable('render'); 
    }, 
     afterGetColHeader: function() { 
     while ($('.ht_clone_top.handsontable #header-grouping th').size() > 0) 
      $('.ht_clone_top.handsontable #header-grouping th').remove(); 
    }  
}); 

}

Answer 1

Chyba wiem, co się stało. Usuń afterRender i powinien sam się naprawić. Problem polega na tym, że próbujesz zmodyfikować html w tabeli, którą renderuje Handson, co zawsze jest złym pomysłem. Handson będzie renderował się dość często, na przykład podczas przewijania lub klikania, co oznacza, że ​​linia ta jest całkiem bezużyteczna po kilku sekundach korzystania z tabeli.