Are there any way to optimize tabulator tree expand with a lot of children?

453 Views Asked by At

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!

0

There are 0 best solutions below