Pivot Table Expand & Collapse

harikrishnadhas.k1 · March 24, 2020, 12:51pm

Hi,

I’m using Cuba latest version. And need to build an UI equivalent to below one.

The component which I found closer is Pivot Table. But I need Expand and collapse option for parent/child relationship between the entity records (like Hierarchiel grid).

Kindly advice me, how to build an UI like this.

Thanks,
Hari

gorelov · March 25, 2020, 7:03am

Hi,

CUBA PivotTable component is based on the external JavaScript library - GitHub - nicolaskruchten/pivottable: Open-source Javascript Pivot Table (aka Pivot Grid, Pivot Chart, Cross-Tab) implementation with drag'n'drop., which has no such functionality. Unfortunately, there is no way to add from our side.

Regards,
Gleb

harikrishnadhas.k1 · March 25, 2020, 10:37am

Thanks @gorelov.

Can I use TreeDataGrid? Here I need 3 header rows. These headers will have values of rows as headers.

gorelov · March 25, 2020, 1:52pm

According to your screenshot, I don’t think that TreeDataGrid is suitable.

harikrishnadhas.k1 · March 25, 2020, 1:59pm

OK, Thank you.

Then I need to use Grid Layout only. Is there any other way around?

Thanks,
Hari

gorelov · March 25, 2020, 2:26pm

I would recommend finding some JavaScript component that suits your needs and integrate it (see docs: Using a JavaScript library - CUBA Platform. Developer’s Manual)

Regards,
Gleb