EasyUI Forum

Is there an implementation for Virtual Scrolling on TreeGrid similar to DataGrid?

No virtual scrollview exists for the treegrid but you can achieve a dynamic loading treegrid that helps to load rows from server in parts and avoid long waits to load huge data. For more information please visit http://www.jeasyui.com/tutorial/tree/treegrid3.php.

The problem with this is that even with dynamic loading after loading several nodes with hundreds of records in them - the page will become slow as dom nodes will keep growing -  i have a dataset with 10 or more parent nodes with 300-400 records inside each - so after expanding several nodes the resulting treegrid will have to hold thousands of records and the page will become slow even if i load children dynamically...
Is there any suggestion to overcome this?

Hi, I also have this problem. Does this problem solved?

Doesn't seem that way.... looks like a show-stopper for me

You can try some ways as described below to improve some performance.

1. Use pagination, this may be the most popular way to solve this issue.
2. Set 'autoRowHeight:false,rownumbers:false,frozenColumns:null,nowrap:true' properties for a treegrid can increment some performance.
3. To load large data at a time, you also can override the treegrid view.  In this solution, the '.html()' is replaced as 'innerHTML=...', this will improve loading performance.

Please refer to the attached example 'test.html', it load more than 3 thousands quickly. Of course, the loading performance will decrease with more and more records. You may need to find out other solution to prevent from loading too large data in a time regarding your business logic.

Hi, I also have this problem. Does this problem solved?thank you