JSFiddle - React, Tailwind, and code Playground

by Justin Peszleny

HTML

<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css">
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/handsontable/0.26.1/handsontable.full.css">
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/handsontable/0.26.1/handsontable.full.js"></script>
<div class="ui-widget">
  <input id="tags"><br/><br/>
  <div id="hotTest">
  </div>
</div>

JavaScript

$(function() {
   var availableTags = [
     "ActionScript",
     "AppleScript",
     "Asp",
     "BASIC",
     "C",
     "C++",
     "Clojure",
     "COBOL",
     "ColdFusion",
     "Erlang",
     "Fortran",
     "Groovy",
     "Haskell",
     "Java",
     "JavaScript",
     "Lisp",
     "Perl",
     "PHP",
     "Python",
     "Ruby",
     "Scala",
     "Scheme"
   ];
   $("#tags").autocomplete({
     source: availableTags
   });
   var hotContainer = document.getElementById('hotTest');
   hot = new Handsontable(hotContainer, {
     minSpareRows: 1,
     rowHeaders: true,
     colHeaders: true,
     startRows: 10,
     startCols: 6
   });
 });