Handsontable无法正常显示

时间:2017-12-28 22:01:04

标签: javascript browserify handsontable

我遇到了正确显示动手的问题。我已经基本上尽可能简单地做了这件事,我得到了奇怪的结果。我已经通过凉亭安装了handontable并在本地运行它 - 我相当自信它正在加载,但它看起来很奇怪。

的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>

Example of what it looks like

我无法正确选择任何东西,显然它看起来很奇怪。知道这里可能出现什么问题吗?我害怕,我有点失落。

1 个答案:

答案 0 :(得分:0)

好的,解决了 - 不完全确定原因,但将我的脚本源切换到选项3 here。希望这有助于某人下线!