I try react version. Nested header is not show nested last column

Tags: #<Tag:0x00007f8b19fed020>

I test @handable-pro/react: “^2.0.0”.
Nested Header function is our import issue.
I tested Nested headers example.
but it does not show last columns header title.
It did not show perfectly C, G, and M which has colspan.
when I click colum header It does’nt fit col selection. if I click C column it select with P column.

ex.code >
class NestedHeaderTable extends Component {
render() {
return (


<HotTable root=“hot” settings={{
data: Handsontable.helper.createSpreadsheetData(5,10),
colHeaders: true,
rowHeaders: true,
nestedHeaders: [
[‘A’, {label: ‘B’, colspan: 8}, ‘C’],
[‘D’, {label: ‘E’, colspan: 4}, {label: ‘F’, colspan: 4}, ‘G’],
[‘H’, {label: ‘I’, colspan: 2}, {label: ‘J’, colspan: 2}, {label: ‘K’, colspan: 2}, {label: ‘L’, colspan: 2}, ‘M’],
[‘N’, ‘O’, ‘P’, ‘Q’, ‘R’, ‘S’, ‘T’, ‘U’, ‘V’, ‘W’]
]
}} />

)
}
}

I solved this issue by apply handsontable.full.min.css file from github hansontable.
but I wonder why there’s no css file at dist folder at handsontable-pro node-module.
there isn’t css file in dist folder but js file.

1 Like

Thank you for an update.

I’m glad that you’ve already found a solution.