Search code examples
jquerycsshtmlhandsontable

Handsontable creates double headers

My handsontable instance has something what looks like double headers: enter image description here

Within the browser the yellow marked one is the ColHeader and is also the one that goes down with the scrolling.

I have an Array with Objects. With this structure:

    Array[Object,Object,Object...]

Each Object has multiple parameters and has 'normal' object structure like:

    id: 'value'
    id: 'value'

The handsontable instance:

    var $container = $("#viewTest");
    $container.handsontable({
          data: sub,
          colHeaders: true
    });

viewTest is the div container. sub is the name of the array.

Everything looked ok until i tried to add colHeaders. I do not whant to display all the parameters so i only created columns for some, worked also fine. I have now removed everything else and still getting the same issue. I have removed also the css styling like suggested here.

Maybe one more information: I take the array out of a ajax responce. I save it in a variable like : 

    var sub = responce.data[i];

I am not aware that that changes anything.

I would appricate a idea where this comes from. Thank you for your time.

Solution

  • Turns out the link to the css file had a typo ^^ So the Clone and the ht-master where out of sync.