使用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来正确找到它。这个克隆允许你冻结表，所以如果你删除它，即使你将修复你的bug，你将无法冻结行。

我可以告诉你我认为可能是你的问题，因为这是一个常见的问题。你可能有CSS修改你的表元素。不幸的是，您必须确保也修改克隆表。考虑到CSS的本质，这是一个非常难以解决的问题，但只要付出足够的努力，你就可以解决这个问题！

Answer 2

您的代码中似乎有一个小错误。

使用以下代码替换此行container = document.getElementById('example'), hot;        container = document.getElementById('example');

Answer 3

我已通过从Hansontable容器padding元素中删除DIV来解决此问题。