title: How to merge cell or make colspan on jquery-handsontable?
body: <p>I am using handsontable to make excel-like table. I want to have merged title on my table. It is possible? Or is there any other solution? thx.</p>
  
  <pre><code>&lt;div id="example1" style="width: 400px; height: 300px; overflow: scroll"&gt;&lt;/div&gt;
  
  &lt;script&gt;
              function mergeCell(instance, td, row, col, prop, value, cellProperties) {
                Handsontable.TextCell.renderer.apply(this, arguments);
                td.colspan = 2;
              }
              var myData = [
                ["", "1", "2", "3", "4", "5", "6"], 
                  //i want to merge this first row using function 'mergeCell'
                ["Year", "d", "n", "d", "n", "d", "n", "d", "n", "d", "n", "d", "n"],
                ["2009", '', -11, 14, 13, 1, 2, 8, 13, -5, 9, 12, 0],
                ["2010", '', 15, -12, 1, -5, '', 12, 3, -1, '', 12, 13],
                ["2008", -5, '', 12, 13, -5, '', 12, 13, -4, '', 10, 3]];
  
              $("#example1").handsontable({
                data: myData,
                fixedRowsTop: 2,
                fixedColumnsLeft: 1,
                contextMenu: true,
                cells: function (row, col, prop) {
                  var cellProperties = {};
                    cellProperties.readOnly = true;                   
              if (col != 0 &amp;&amp; row === 0) {
                    cellProperties.renderer = mergeCell; 
                  }
                  return cellProperties;
                }
              });
  &lt;/script&gt;
  </code></pre>