Dynamic Rowspan

Webix JS
#1

Hi, let say if my data is loaded from database by sorting with name. What could I do to achieve the rowspan dynamically?

https://snippet.webix.com/h3z7cz1g

Dynamic row and column spans
#2

Hello,
Please check the related discussion .

#3

Hi @Nastja,
this give me some idea, but doesn’t really fit my solution. By referring your discussion, I am looking for looping the Index column dynamically to addSpan

#4

There is no built-in solution,

You can use onAfterLoad event, as in your snippet, just instead of hardcoded values traverse data for equal names

https://snippet.webix.com/9znoahfc

#5

Hi @maksim , nice loop. Thanks for the prompt, I am still thinking of do another query for getting the count

#6

Hi @maksim / @Nastja … Is there any reason if I load the data with URL, then the addSpan is not working? As if I use the data, it works fine, however, if I use URL, it did not span as expected.

#7

the .load API is async, so you need to wait till end loading, before calling the addSpan ( or any other data related api )

some.load(url).then(addSpans)

or

{
   url:"some.php",
   ready: addSpans
}
#8

Hi @maksim , I had tried

{
ready: function(){
this.addSpan(1, ‘name’, 1, 4);
}
}

It still give me the same result.

#9

@maksim , suddenly realize actually onAfterLoad is still working, just because of missing this.refresh()

Thanks.