Nested table in reactive web

Hi all,

I am developing a reactive web application

Is it possible to develop the nested table in reactive web app.

for reference, i have attached the image.


Regards,

Ellakkiya.S


Hello Ellakkiya.S

You can do that with table records and Web blocks inside the table records (with the input of the current record)

I attached an example oml.

Please feel free to question if you need more help.


BR.

Luis

Another option can be a set of nested  Accordions and List of records with a table records in the end. 

Ellakkiya Selvadurai wrote:

Hi all,

I am developing a reactive web application

Is it possible to develop the nested table in reactive web app.

for reference, i have attached the image.


Regards,

Ellakkiya.S


Hi check if isn't this behaviour you are trying to achieve

https://www.outsystems.com/whats-new/data-grid-component-forge/

Screenshot of the Data Grid.

if yes here is the component: https://www.outsystems.com/forge/component-overview/5554/data-grid

and a sample: https://www.outsystems.com/forge/component-overview/5555/data-grid-sample


Best regards

Carlos Lessa


Maria da Graça Peixoto wrote:

Another option can be a set of nested  Accordions and List of records with a table records in the end. 

Hi Maria da Graça Peixoto,

 Thankyou for your reply

Will try with accordion 

Hi Carlos Lessa,

Thankyou for your reply

For my usecase, i can't use datagrid

Ellakkiya Selvadurai wrote:

Hi Carlos Lessa,

Thankyou for your reply

For my usecase, i can't use datagrid

Welcome and good code!


Hi Luis,

Thankyou for your reply,

I am facing some of the difficulties while developing.

Here i have attached the image.. what i need 

I have done in traditional web application based on the below structure . but i don't know how to do it in reactive web app


Here i need to add one additional point. Each column in the table is resizable. 

Hello Ellakkiya,

In the reactive application, you don't have the element ListRecords so I suggested you use web blocks to and place it inside the table records. For columns, you need to create containers for each column as you can see below.

Did you have a look at the oml that I sent? Did you understand how I build the nested tables?




Hi! 

In reactive the widget "list" can be used the same way "listrecords".

Luís Cardoso wrote:

Hello Ellakkiya,

In the reactive application, you don't have the element ListRecords so I suggested you use web blocks to and place it inside the table records. For columns, you need to create containers for each column as you can see below.

Did you have a look at the oml that I sent? Did you understand how I build the nested tables?




Hi luis,

 I have look into the oml.

it displays the error "cannot read property 'Set Attribute' of undefined"

and also UI is get collapsed when the responsive of the screen is tested.

Herewith i attach the updated oml


Hi!

About the error, I found this post with similar error.

Can you check if all the table records are OK?

Luís Cardoso wrote:

Hello Ellakkiya,

In the reactive application, you don't have the element ListRecords so I suggested you use web blocks to and place it inside the table records. For columns, you need to create containers for each column as you can see below.

Did you have a look at the oml that I sent? Did you understand how I build the nested tables?




Hi luis,

 I have look into the oml.

it displays the error "cannot read property 'Set Attribute' of undefined"

and also UI is get collapsed when the responsive of the screen is tested.

Herewith i attach the updated oml





Hi luis,

I have checked all the headers in the table records. Still i am getting the same error

For more reference, i have attached the oml in the above post