Handsontable: jquery birleştirme başlıkları, yatay kaydırma

Question

şu anda handsontable ve python + django ile çalışıyorum, Javascript ile özel birleştirilmiş üstbilgi koymak. Ve bu böyle görünmeli. Ancak, sayfayı yüklediğimde.

ANCAK, geri kaydırma ve hata sihirli kaybolur iletmek.

Bu

kapsayıcı div olduğunu.

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

Bu benim javascript kodum.

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

Ben sorunun ne olduğunu biliyorum. afterRender'u kaldırın ve kendini düzeltmelidir. Sahip olduğunuz sorun, Handson'un oluşturduğu tablodaki html'yi değiştirmeye çalıştığınızdır, bu da her zaman kötü bir fikirdir. Handson, kaydırma yaptığınızda veya tıklattığınızda olduğu gibi, oldukça sık yeniden işlenecektir, bu, tablonun kullanımının birkaç saniyelik süresinden sonra, bu satırın yararsız olduğu anlamına gelir.