Handsontable 在 Chrome 上无法正确滚动

Question

我目前在 Chrome 上遇到 handsontable 的问题。出现的是 table 是可滚动的，但值和行标题没有更新。从下面的图片可以看出情况。

未滚动

向右和向下滚动

如您所见，发生了滚动，但值没有更新。我应该注意，这种行为只发生在 Chrome 上。在 Firefox 和 Safari 上，table 按预期工作。

关于我的环境的更多信息。

• 使用Handsontable 0.28.0
• 同时使用 AngularJS 和 Angular Material

我用来创建这个例子的代码如下

var Handsontable = require('handsontable');
// This function finds a div I am using, removes its contents, and then creates the table.
$scope.setSheet = function() {
   
    var elementID = "shreadsheet-" + $scope.tabData.id;
    var element = document.getElementById(elementID);
    element.innerHTML = '';
    var readonlyArr = $scope.tabData.sheetHeaders.map(function() {
        return {readOnly : true};
    });
    var hot = new Handsontable(element, {
        data: Handsontable.helper.createSpreadsheetData(1000, 1000),
        colWidths: 47,
        rowHeaders: true,
        colHeaders: true
    });
};

我使用在 Handsontable github 页面的文档中找到的以下命令编译了这段代码。

SheetController_work.js -o SheetController.js -r moment -r pikaday -r zeroclipboard -r numbro

有没有其他人在 Google Chrome 上遇到过这个问题，或者有没有人有任何建议？

谢谢。

Answer 1

对我来说，这个问题神奇地消失了。在我注意到这个问题存在时以及它神奇地自行修复时发生的事情如下。如果遇到此问题，您可能想尝试其中的一些方法。

• 重新启动计算机（无法自行运行）
• 已从终端关闭本地主机服务器并导航到其他目录。
• 退出终端。
• 退出 Google Chrome

使用适当的解决方案进行编辑

我删除了参数 variableRowHeights: false，现在一切正常。