时间戳

首页 > 解决方案 > 尝试创建表 IE10 时 Handsontable Hooks undefined 或 null

javascript - 尝试创建表 IE10 时 Handsontable Hooks undefined 或 null

问题描述

我将从我使用的浏览器开始，我必须支持 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
});

多谢你们！

标签： javascriptinternet-explorer-10handsontable

解决方案

我已经参考了教程并在我身边制作了一个示例。结果在 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 handontable-pro 和嵌入参考链接都是必要的。或者，如果您添加了影响结果的额外代码。

推荐阅读