JSFiddle - React, Tailwind, and code Playground

HTML

<script type="text/javascript" src="//code.jquery.com/jquery-1.9.1.js"></script>
      <script type="text/javascript" src="http://handsontable.com/dist/jquery.handsontable.full.js"></script>
      <link rel="stylesheet" type="text/css" href="http://handsontable.com/dist/jquery.handsontable.full.css">
<div id="app"></div>   
 <a href="javascript:void(0)" id="app_id">Json</a>

JavaScript

$(document).ready(function(){
var data = [[]],
    container = document.getElementById("app"),
    hot;

hot = {
		data:data,
    minRows:15,
    minCols:6,
    startRows: 5,
    startCols: 5,
    contextMenu: false,
    outsideClickDeselects: false,
    removeRowPlugin: true
};

$('#app').handsontable(hot);
//hot.loadData(data);

$('#app_id').on('click',function(){
debugger
var result = $('#app').data('handsontable').getData();
});
});