Treetable | Collapsing a row with rowspan

Webix JS
#1

Hi!

I want to do collapsible row with a rowspan in treetable.
For now i accomplished collapsible row with 4 childrens (last of them has childrens as well)

data: [
{“id”:“all_prod”,“all_clnd”:“321321.13”, …, data: [
{“id”:“m1”,“all_clnd”:“123”, …},
{“id”:“m2”,“all_clnd”:“456”, …},
{“id”:“m3”,“all_clnd”:“789”, …},
{“id”:“prod1”,“all_clnd”:“3213213.5”,… data:[…]}
],
…
]

Then i added colspan to 1 column (working with vue):

this.addSpan([[“all_prod”, “id”, 1, 4]]);

It works and all nested rows collapsed to all_prod, but i want make rows m1, m2, m3 not collapsible whithin all_prod.

Is it possible to make m1, m2, m3 not collapsible when i tap to arrow in “all_prod”? Maybe there is a row-property like “collapsible:false” or smth like that. Thanks for answering)).

#2

Hello, @Rettz

There is a possibility to keep a brunch open. To achieve this behavior is possible by returning false in onBeforeClose event.
Here is an example: Code Snippet

#3

Hello, @AlenaLisava, many thanks for answering!

But it is not really my case. I`ll try to explain, let’s take a look at your snippet, i want to do

$$(“tree”).addSpan(1, “id”, 1, 2);

Now Part1 spanned with Showshank Redemption

but want to make id=1 (Shawshank Redemption) collapsible, and when i try to collapse it, rows Part2, Part3 disappeared, but Part1 was visible.

Question is: is it event possible to do it any way, or it is forbidden by api?

#4

Hello, @Rettz

Now the issue is clear. Unfortunately, there is no possibility to implement desired behavior, the row either opened (all kids are shown) or closed (all kids are hidden).