不能在Chrome上正确滚动

时间:2016-09-20 03:10:36

标签: javascript angularjs google-chrome angular-material handsontable

我目前在Chrome上遇到问题。出现的是该表是可滚动的,但值和行标题未更新。从下面的图片中可以看出这种情况。

未滚动

Original

向右和向下滚动

enter image description here

如您所见,滚动发生,但值不会更新。我应该注意,这种行为只发生在Chrome上。在Firefox和Safari上,表格按预期工作。

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

  • 使用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上遇到此问题,或者有人有任何建议吗?

感谢。

1 个答案:

答案 0 :(得分:0)

对我来说,这个问题神奇地消失了。在我注意到这个问题存在的时候发生的事情和它神奇地修复自己的时间如下。如果您遇到此问题,可能需要尝试其中一些。

  • 重新启动计算机(不能单独使用)
  • 从终端关闭localhost服务器并导航到不同的目录。
  • 退出终端。
  • 退出Google Chrome

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

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