javascript - 使用 Handsontable 时重复标题

Question

我正在使用 Handsontable，标题显示了两次。发生这种情况的原因是什么？

这是我的代码:

<script type="text/javascript">
        $(document).ready(function () {

          var data = [
              ['2009', 0, 2941, 4303, 354],
              ['2010', 3, 2905, 2867, 412],
              ['2011', 4, 2517, 4822, 552],
              ['2012', 2, 2422, 5399, 776]
            ],
            container = document.getElementById('example'), hot;

          hot = new Handsontable(container, {
            data: data,
            minSpareRows: 1,
            colHeaders: true,
            contextMenu: true,
            colHeaders: ['Cuenta Única', 'Número Comercio', 'Número PDV', 'Máximo Cuotas', 'Grupo Afinidad'],
            manualColumnResize: true,
            colWidths: [120, 120, 120, 120, 120, 120],
          });
        });
</script>

<div id="example"></div>

Answer 1

这是交易。您可能知道，Handsontable 允许您卡住列。为此，总是呈现两组表格。通过注意到第二个表名为 ht_clone_top，您正确地找到了它。此克隆允许您卡住表，因此如果您删除它，即使您修复了错误，您也将无法卡住行。

我可以告诉您我认为可能是您的问题，因为这是一个常见问题。您可能拥有修改表格元素的 CSS。遗憾的是，您必须确保还修改了克隆表。考虑到 CSS 的性质，这确实是一个很难解决的问题，但只要付出足够的努力，您就可以解决这个问题!