Question

我将从使用的浏览器开始，即IE 10，这是我必须支持的。我正在阅读入门指南，在创建网格时遇到属性错误，特别是Unable to get property 'hooks' of undefined or null reference。它可以在11，Chrome，Firefox和Edge上正常运行。

有人遇到这个问题或知道我在做什么错吗？

教程：https://handsontable.com/docs/6.2.0/tutorial-quick-start.html

兼容性：https://handsontable.com/docs/6.2.0/tutorial-compatibility.html

摘要：

var data = [
  ["", "Ford", "Tesla", "Toyota", "Honda"],
  ["2017", 10, 11, 12, 13],
  ["2018", 20, 11, 14, 13],
  ["2019", 30, 15, 12, 13]
];

var div = document.getElementById('grid');
var hot = new Handsontable(div, {
  data: data,
  rowHeaders: true,
  colHeaders: true,
  filters: true,
  dropdownMenu: true
});

谢谢大家！

Answer 1

我已经参考了本教程，并在我这一边做了一个样本。结果在IE10上效果很好。这是我的测试代码。

<body>
<div id="grid"></div>
<script src="https://cdn.jsdelivr.net/npm/handsontable-pro@6.2.0/dist/handsontable.full.min.js"></script>
<link href="https://cdn.jsdelivr.net/npm/handsontable-pro@6.2.0/dist/handsontable.full.min.css" rel="stylesheet" media="screen">
<script>
    var data = [
        ["", "Ford", "Tesla", "Toyota", "Honda"],
        ["2017", 10, 11, 12, 13],
        ["2018", 20, 11, 14, 13],
        ["2019", 30, 15, 12, 13]
    ];

    var div = document.getElementById('grid');
    var hot = new Handsontable(div, {
        data: data,
        rowHeaders: true,
        colHeaders: true,
        filters: true,
        dropdownMenu: true
    });
</script>
</body>

我想知道您是否已按照教程逐步进行操作。 npm install handsontable-pro和嵌入参考链接都是必需的。或者，如果您添加了会影响结果的额外代码。

尝试创建表IE10时Handsontable Hooks未定义或为null

1 个答案: