Skip to content

Instantly share code, notes, and snippets.

@msrivastav13
Created June 6, 2015 16:16
Show Gist options
  • Save msrivastav13/74a64a20965b1bc2cec9 to your computer and use it in GitHub Desktop.
Save msrivastav13/74a64a20965b1bc2cec9 to your computer and use it in GitHub Desktop.
<apex:page sidebar="false" showHeader="false" applyHtmlTag="false" applyBodyTag="false" docType="html-5.0">
<html>
<head>
<style type="text/css">
body {background: white; margin: 20px;}
h2 {margin: 20px 0;}
</style>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<link href="{!URLFOR($Resource.HandsOnExcelPlugin, 'HandsOnToolPlugin/main.css')}" rel="stylesheet"/>
<link href="{!URLFOR($Resource.HandsOnExcelPlugin, 'HandsOnToolPlugin/handsontable.full.min.css')}" rel="stylesheet"/>
<script src="{!URLFOR($Resource.HandsOnExcelPlugin, 'HandsOnToolPlugin/handsontable.full.min.js')}"></script>
</head>
<body>
<div id="basic_example"></div>
<script>
$(document).ready(function () {
var container = document.getElementById('basic_example');
var data = function () {
return Handsontable.helper.createSpreadsheetData(100, 12);
};
var hot = new Handsontable(container, {
data: data(),
height: 396,
colHeaders: true,
rowHeaders: true,
stretchH: 'all',
columnSorting: true,
contextMenu: true
});
console.log(hot.getData());
});
</script>
</body>
</html>
</apex:page>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment