Handsontable 显示不正确

Question

我无法正确显示掌上电脑。我已经尽可能简单地做到了这一点，但我得到的结果却很奇怪。我已经通过 bower 安装了 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>

我无法 select 任何正确的东西，显然它看起来很奇怪。知道这里可能出了什么问题吗？恐怕我有点不知所措。

Answer 1

好的，解决了——不确定为什么，但将我的脚本源切换到选项 3 here。希望这对以后的人有帮助！

Handsontable 显示不正确

Handsontable is not displaying properly

javascript

browserify

handsontable