JavaScript Update settings of an existing HandsOnTable instance

I try to update the HandsonTable settings on the fly. The settings seem to update but the rendered table still uses the previous settings.

Example: http://jsfiddle.net/kAFWA/30/

updateSettings Documentation: http://docs.handsontable.com/0.18.0/Core.html#updateSettings

var ht;
$(document).ready(function() {

  $("#example1").handsontable({
    minRows: 5,
    minCols: 5,
    colHeaders: ["Header 1", "Header 2", "Header 3"],
    rowHeaders: true,
    contextMenu: {
      items: {
        "edit_Header": {
          name: "Edit this Header!!"
        }
      }
    }
  });

  ht = $('#example1').handsontable("getInstance");
});

function updateContextMenu() {

  console.log(ht);
  ht.updateSettings({
    minRows: 4,
    minCols: 4,
    colHeaders: ["Header 4", "Header 5", "Header 6"],
    contextMenu: {
      items: {
        "edit_Header": {
          name: "Another Text"
        },
      }
    }
  }, true);
  console.log('here');
  ht.render();
}
<link target='_blank' href="http://handsontable.com/dist/jquery.handsontable.full.css" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://handsontable.com/dist/jquery.handsontable.full.js"></script>
<div id="example1" class="handsontable"></div>

<p>
  <button type="button" name="update" title="Update context menu" onclick="updateContextMenu()">Update context menu</button>
</p>
Answer:1

I am looking at updating some older js libs I have to typescript using the ES6 conventions, however I have come across a stumbling point. So historically when I loaded a JSON file dynamically I would ...

I am looking at updating some older js libs I have to typescript using the ES6 conventions, however I have come across a stumbling point. So historically when I loaded a JSON file dynamically I would ...

Current my page has a menu bar and iframe section to load the items in the menu bar when clicked. I wanted the iframe to scroll but not the parent page (i want the menu bar fixed to the top). But the ...

Current my page has a menu bar and iframe section to load the items in the menu bar when clicked. I wanted the iframe to scroll but not the parent page (i want the menu bar fixed to the top). But the ...

I have written following code. $("input,textarea").blur(function () { debugger; var val = $.trim($(this).val()); if (val != "") { if (containsHTMLTags(val) == true)...

I have written following code. $("input,textarea").blur(function () { debugger; var val = $.trim($(this).val()); if (val != "") { if (containsHTMLTags(val) == true)...

I tried to add checked property to a specific checkbox using jquery, but it seems doesn't work properly. Checkbox Function Display function product_category_loop_array ($product_category_array = ...

I tried to add checked property to a specific checkbox using jquery, but it seems doesn't work properly. Checkbox Function Display function product_category_loop_array ($product_category_array = ...