更新大型handontable锁上的多行chrome [英] Updating multiple rows on a large handsontable locks chrome

问题描述

我有一个超过300的动手游戏桌.它可以快速渲染.但是，如果我像这样更新所有行中的一列:

I have a handson table with 300+. It renders quickly. However, if I update one column in all rows like so:

function() {
    console.trace("Start", new Date());
    $scope.myData.forEach(function(elem, idx) {
        elem.properties.myCol = Math.random();
        if (idx % 100 == 0) console.trace("Tick", new Date());
    });
    console.trace("End", new Date());
};

该循环在不到一秒钟的时间内执行，但是浏览器选项卡锁定，并且页面在超过一分钟的时间内未更新.有什么方法可以禁用handsonable从读取阵列更新，然后触发手动重绘?还有其他方法可以加快速度吗?

The loop executes in less than a second, but the browser tab locks up and the page does not update for over a minute. Is there some way I can disable handsontable from reading updates to the array and then triggering a manual redraw? Is there any other way to speed this up?

推荐答案

放慢渲染速度的选项是columnSorting: true,.删除它可以解决问题.

The option that was slowing down rendering was columnSorting: true,. Removing this fixed the issue.

这篇关于更新大型handontable锁上的多行chrome的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！