title: Handsontable - get data via ajax and set autocomplete on one column
body: <p>I'm trying to pull data via ajax (this works) into the handsontable spreadsheet plugin. I have an array that i want to do autocomplete on one column. My output is a blank spreadsheet. If I comment out completely the "columns" portion it works perfectly - without the autocomplete. Please help me figure this out. This is my code:   </p>
  
  <pre><code>&lt;HTML&gt;
  &lt;HEAD&gt;
  &lt;script src="./lib/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="./dist/jquery.handsontable.full.js"&gt;&lt;/script&gt;
  &lt;link rel="stylesheet" media="screen" href="./dist/jquery.handsontable.full.css"&gt;
  &lt;script src="./lib/jquery-ui/js/jquery-ui.custom.min.js"&gt;&lt;/script&gt;
  &lt;link rel="stylesheet" media="screen" href="./lib/jquery-ui/css/ui-bootstrap/jquery-ui.custom.css"&gt;
  &lt;script&gt;
  $(document).ready(function () {
      first = true;
      $("#controllers").handsontable
      ({
          autoWrapRow: true,
          columns:[{},{},{
              //type: 'autocomplete',
              //source: ["A", "B", "C", "D", "E", "F"],
              //strict: true,
              //allowInvalid: false //true is default
          }]
      });
      var controllers = new Array();
      $.ajax
      ({
          url:"./get_controllers.php",
          type:"POST",
          dataType:"json",
          success:function(msg)
          {
              controllers = msg;
              $("#controllers").handsontable("loadData", controllers);
          }
      });
  });
  &lt;/script&gt;
  &lt;/HEAD&gt;
  &lt;BODY&gt;
          &lt;div id="controllers" class="dataTable"&gt;&lt;/div&gt;
  &lt;/BODY&gt;
  &lt;/HTML&gt;
  </code></pre>