Performance Due to DOM tree manipulation

Tags: #<Tag:0x00007efc60a86610>
#1

Hi Team ,
I was able to integrate handsontable with my project. Changes are working perfectly and happy to have such functionality.

My query is on performance ,
We use angular framework for our front end. Correct me if i am wrong Since we manipulate the DOM tree to assign the handsome table . Will it not impact performance ? They suggest that changing the DOm tree is good practise

Sample Code
var container = document.getElementById(‘XLsheet’);
var hot = new Handsontable(container, {
data: data,
rowHeaders: true,
colHeaders: true,
filters: true,
dropdownMenu: true
});

#2

Hey @naveenmalangi86

how big is the data? You may try those tips https://handsontable.com/docs/7.2.2/tutorial-performance-tips.html to speed up the performance.

#3

@aleksandra_budnik Data can grow upto 99 rows * 12 column

#4

Handsontable is able to load thousands of cells. You should not get any performance issues with 100 rows and a couple of settings enabled. As you can see here https://jsfiddle.net/AMBudnik/bzLk72wh/ the Angular example loads in a split of a second with 1000 rows and 1000 columns.

You can try to create a timer that checks when Handsontable loads or just run the performance tab in Chrome.

#5