Pivot Table Expand & Collapse

Hi,

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

image

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

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

Thanks @gorelov.

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

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

OK, Thank you.

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

Thanks,
Hari

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