हैंडसोन्टेबल: jquery मर्ज हेडर, क्षैतिज स्क्रॉल पर बग

Question

मैं वर्तमान में हैंडोंटेबल और पायथन + डीजेंगो के साथ काम कर रहा हूं, मैंने जावास्क्रिप्ट के साथ एक कस्टम मर्ज किए गए शीर्षलेख को रखा है। और यह इस तरह दिखना चाहिए।

लेकिन जब मैं पृष्ठ लोड करता हूं।

लेकिन, जब मैं वापस स्क्रॉल और अग्रेषित त्रुटि जादुई गायब हो जाते हैं।

इस कंटेनर div है।

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

यह मेरा जावास्क्रिप्ट कोड है।

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

मुझे लगता है कि मैं जानता हूँ कि क्या गलत है। afterRender हटाएं और इसे स्वयं ठीक करना चाहिए। आपके पास समस्या यह है कि आप उस तालिका पर HTML को संशोधित करने का प्रयास कर रहे हैं जो हैंडसन प्रस्तुत करता है, जो हमेशा एक बुरा विचार है। हैंडसन काफी बार फिर से प्रस्तुत करेगा, जैसे कि जब आप स्क्रॉल करते हैं या क्लिक करते हैं, जिसका अर्थ है कि तालिका का उपयोग करने के कुछ सेकंड बाद यह रेखा बहुत बेकार है।