I'm trying to use tabulator tree to display some hierarchical data and been loving it.
Now, my data has a lot of children nodes, and because of that, when expanding the parent node, it will be really slow. Here's the fiddle to better describe the situation: https://jsfiddle.net/RonaldoC/m9gdwz86/29/
Try to click one of the parent node.
I'm using this part of code to simulate the data (so level 1 has 5 node, each of them has 10000 children node, and each of that children node has about 100 nodes)
let treeData = [];
for (let i = 0; i < 5; i++) {
let level1Data = {
name: "Data with a lot of Children",
data: "Something"
};
let level1Children = [];
for (let j = 0; j < 10000; j++) {
let level2Data = {
name: "Data Children level 2",
data: "Something",
};
let level2Children = [];
for (let k = 0; k < 100; k++) {
let level3Data = {
name: "Data Children level 3",
data: "Something"
};
level2Children.push(level3Data);
}
level2Data._children = level2Children;
level1Children.push(level2Data);
}
level1Data._children = level1Children;
treeData.push(level1Data);
}
Are there any way to optimize it?
I tried to look into the code, but can't figure out what I can change, it seems to be doing the expand recursively?
Also tried to read the docs for any "optimization configuration", but no luck there either.
Thanks!