使用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時重複標題

回答

相關問題