Handsontable: jquery合并标题，水平滚动错误

Question

我目前正在使用handsontable和python+django，我放了一个自定义的合并头部与Javascript。这个应该是这样的。

但当我加载页面时。

​

​

但是，当我向前和向后滚动时，错误就神奇地消失了。

​

​

这是容器div。

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

这是我的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

我想我知道哪里出问题了。卸下afterRender，它应该会自行修复。您遇到的问题是，您试图修改Handson呈现的表上的html，这总是一个坏主意。Handson会相当频繁地重新渲染，就像当你滚动或点击的时候，这意味着在使用表格几秒钟后，这行就变得非常无用了。