Handsontable이 제대로 표시되지 않습니다.

handsontable이 올바르게 표시되는 데 문제가 있습니다. 나는 이것을 가능한 한 간단하게 만들었고 나는 기괴한 결과를 얻고있다. 나는 bower를 통해 handsontable을 설치했고, 로컬에서 실행하고있다. - 나는 그것이로드되고 있다고 확신하지만, 그것은 기괴하다.Handsontable이 제대로 표시되지 않습니다.

에 Index.html는 :

<!DOCTYPE html> 
<html> 

    <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script> 
    <script src="bower_components/handsontable/dist/handsontable.full.min.js"></script> 
    <link rel="stylesheet" media="screen" href="/dist/handsontable.full.css"> 
    <div id="example"></div> 
    <script type="text/javascript"> 
    var data = [ 
     ["", "Ford", "Volvo", "Toyota", "Honda"], 
     ["2016", 10, 11, 12, 13], 
     ["2017", 20, 11, 14, 13], 
     ["2018", 30, 15, 12, 13] 
    ]; 

    var container = document.getElementById('example'); 
    var hot = new Handsontable(container, { 
     data: data, 
     rowHeaders: true, 
     colHeaders: true 
    }); 
    </script> 
</html> 
<style>