Handsontable Nested Headers column widths

Handsontable wrong resize behavior when resizing a column to a width lesser than its header text width and than the last column get resized with the expected width after the resize BUT the resized column got bigger than when resized.

by dhaber

HTML

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/handsontable.full.min.js"></script>
<link type="text/css" rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/handsontable.full.min.css">

<div id="wrapper">
  <div id="example"></div>
</div>

JavaScript

const hotInstance = new Handsontable(document.getElementById("example"), {
  licenseKey: 'non-commercial-and-evaluation',
  colHeaders: 
    [
      'Mon Jan 10',
      'Mon Jan 10',
      'Tue Jan 11',
      'Tue Jan 11',
      'Wed Jan 12',
      'Wed Jan 12'
    ],
    colWidths: 40,
  nestedHeaders: [[
  	{label: 'Mon Jan 10', colspan: 2},
    {label: 'Tue Jan 11', colspan: 2},
    {label: 'Wed Jan 12', colspan: 2}
  ]],
  data: [{a:1, b:2, c:3, d:4, e:5, f:6}]
});