Not working with colHeaders: true

Tags: #<Tag:0x00007efc72883518>
#1

I’ve tried replicating this example in this jsfiddle:
https://jsfiddle.net/oz1vgr7h/3/

Assets I’m using:

https://cdnjs.cloudflare.com/ajax/libs/handsontable/6.2.2/handsontable.full.js
https://cdnjs.cloudflare.com/ajax/libs/handsontable/6.2.2/handsontable.full.css

When I try it like so,

 var hot = new Handsontable(container, {
data:data,
startRows: 5,
  startCols: 5,
colHeaders: true,
  minSpareRows: 1
});

I get this: only headers

When I try without colHeaders: true, it works fine:
full handsontable

It works fine with an older version of handsontable (0.10.2) but not with this version.

This works fine with 0.10.2:

chart_config = {data: data,
colHeaders: true,
minSpareRows: 1,
};

$('.handsontable').handsontable(chart_config);
#2

Hey @dave

what is your environment (language, frameworks)? Do you use modal windows to display the table?

#3

Trying to get it to run inside a Wordpress plugin (PHP). Using jQuery and jQuery UI as well.

Trying to just use the same dataset of arrays of arrays as in the jsfiddle but no luck.

I’ve tried with a completely blank javascript file with just those configuration options.

Same results.

No other plugins are active, default Wordpress theme.

#4

I do not have any server that I can test it on. I will ask our developers for investigation.

#5

Thank you.

#6

Hey @dave

Can you please guide us what we’re missing.

Here’s a demo that we’re testing https://quintic-surpluses.000webhostapp.com/2019/01/colheaders-true-test

with the same settings as mentioned here https://jsfiddle.net/oz1vgr7h/3/

but we do not get any errors

#7