使用Handsontable时重复标题

我正在使用Handsontable，并且标题显示两次。是什么导致这种情况发生？使用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>

来源

2015-08-14 Jonathan Cordero Duarte

你可以请包括你的整个HTML上面或做一个jsfiddle？我可以使它在没有重复标题的小提琴中工作：http://jsfiddle.net/ojdoowLw/ – nancyolson531

谢谢。我从项目中创建了一个新的html文件，并运行良好。那么它肯定是我用来干涉风格的框架中的一些东西。我正在使用一个名为“Mambo”的漂亮的旧框架，并且必须有这个问题。感谢您的帮助，我会继续努力。 –

至少我设法通过输入以下css风格来隐藏它： .ht_clone_top {display：none！重要; } –

它看起来像有在你的代码的一个小错误。

替换该行container = document.getElementById('example'), hot;用下面的代码 container = document.getElementById('example');

来源

2015-08-14 22:35:26

谢谢，我试过你的建议，但没有奏效。我会继续尝试。 –

这里的交易。您可能知道，Handsontable允许您冻结列。为此，总是有两组表格呈现。您通过注意到第二个表被称为ht_clone_top正确地找到它。这个克隆允许你冻结表，所以如果你删除它，即使你会修复你的bug，你也不能冻结行。

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

来源

2015-08-15 01:46:29 ZekeDroid

我已经通过从Hansontable容器DIV元件中删除padding解决了该问题。

来源

2015-08-18 23:21:48

使用Handsontable时重复标题

回答

相关问题