我可以仅在 Tabulator.js 中加载时扩展一个节点吗？

Question

I am using nested data trees in Tabulator.js and if I use the option dataTreeStartExpanded:true all nested rows will be expanded. I want only one be expanded on load/render? Is that possible?

Here is working jsFiddle to play around.

I found that there is a div with class tabulator-data-tree-control-expand or tabulator-data-tree-control-collapse . Changing the name in dev tools does nothing.

Currently it looks like

But I want to be like that after the web page loads

Maybe I can somehow click the + to expand. Tabulator has a listener there

But I do not know how to call it for that particular +.

Answer 1

oh, I found it in documentation .

.. a function that will be passed in a row component and the level of that row in the table (starting at 0), it should return a boolean value to indicate the rows expansion state:

var table = new Tabulator("#example-table", {
    dataTree:true,
    dataTreeStartExpanded:function(row, level){
        return row.getData().driver; //expand rows where the "driver" data field is true;
    },
});

and then in data you have to use new property driver:true