Handsontable problem

by konijn_gmail_com

HTML

<script src="//rawgithub.com/rlamana/Ventus/master/dist/ventus.js"></script>
<button class="button create-button">Create Window</button>

CSS

</style><!-- Ugly Hack due to jsFiddle issue: http://goo.gl/BUfGZ --> <script src="https://code.jquery.com/jquery-1.11.1.min.js"></script> <script src="http://handsontable.com/dist/handsontable.full.js"></script> <link rel="stylesheet" media="screen" href="http://handsontable.com/dist/handsontable.full.css"> <link rel="stylesheet" media="screen" href="http://handsontable.com/demo/css/samples.css"> <link rel="stylesheet" media="screen" href="//rawgithub.com/rlamana/Ventus/master/dist/ventus.css"> <style type="text/css">

  .wm-window .wm-window-box header.wm-window-title {
    background-color:cornflowerblue;
  }

  .wm-window .wm-window-box header.wm-window-title h1 {
    font-size:smaller;    
  }

JavaScript

$(document).ready(function () {

    //Ventus WM
    var wm = new Ventus.WindowManager(),
        num = 1,
        pos =  50;
    window.wm = wm; // For scary debugging reasons

    //Create Window
    var w = wm.createWindow({
        title: 'Window ' + (num++),
        x: (pos += 60),
        y: pos,
        width: 400,
        height: 250
    }).open();

    //Create hook for the handson table
    var hook = $('<div id="example" class="handsontable"></div>');
    w.$content.append(hook);

    //Handsontable
    var data = [
        ['', 'Maserati', 'Mazda', 'Mercedes', 'Mini', 'Mitsubishi'],
        ['2009', 0, 2941, 4303, 354, 5814],
        ['2010', 3, 2905, 2867, 412, 5284],
        ['2011', 4, 2517, 4822, 552, 6127],
        ['2012', 2, 2422, 5399, 776, 4151]
    ];

    var hot = new Handsontable(hook[0], {
        data: data,
        minSpareRows: 1,
        colHeaders: true,
        contextMenu: true
    });
});