Skip to Content (Press Enter)
UserImage.jpg
Ellakkiya
512Views
13Comments
Solved
Nested table in reactive web
Question

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


Capture.PNG
0
0
12 May 2020
Copy Link
2021-08-12 11-00-27
Nordin Ahdi
 
MVP
Solution

Replying to Ellakkiya Selvadurai's comment on 13 May 2020 09:14:42

Just an FYI, this error was due to a bug that was fixed in Platform Server version 11.10.0 or later.

  • Fixed "Cannot read property 'setAttribute' of undefined" error when creating nested tables with Table Records widget in Reactive Web App. (RTAF-2995)

Regards,

Nordin

See solution in context
0
0
23 Feb 2021
Copy Link
2021-07-14 09-27-33
Luís Cardoso

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

NestedTables.oml
0
0
12 May 2020
Copy Link
2018-06-05 16-54-03
Maria da Graça Peixoto

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

0
0
12 May 2020
Copy Link
UserImage.jpg
Ellakkiya

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 

0
0
13 May 2020
Copy Link
2026-01-19 17-09-56
Carlos Lessa
 
MVP

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


0
0
12 May 2020
Copy Link
UserImage.jpg
Ellakkiya

Hi Carlos Lessa,

Thankyou for your reply

For my usecase, i can't use datagrid

1
0
13 May 2020
Copy Link
2026-01-19 17-09-56
Carlos Lessa
 
MVP

Ellakkiya Selvadurai wrote:

Hi Carlos Lessa,

Thankyou for your reply

For my usecase, i can't use datagrid

Welcome and good code!


0
0
13 May 2020
Copy Link
UserImage.jpg
Ellakkiya

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. 

sample.PNG
0
0
13 May 2020
Copy Link
2021-07-14 09-27-33
Luís Cardoso

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?




0
0
13 May 2020
Copy Link
UserImage.jpg
Ellakkiya

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


NestedTables.oml
1
0
13 May 2020
Copy Link
2021-07-14 09-27-33
Luís Cardoso

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




0
0
13 May 2020
Copy Link
2021-08-12 11-00-27
Nordin Ahdi
 
MVP
Solution

Replying to Ellakkiya Selvadurai's comment on 13 May 2020 09:14:42

Just an FYI, this error was due to a bug that was fixed in Platform Server version 11.10.0 or later.

  • Fixed "Cannot read property 'setAttribute' of undefined" error when creating nested tables with Table Records widget in Reactive Web App. (RTAF-2995)

Regards,

Nordin

0
0
23 Feb 2021
Copy Link
2018-06-05 16-54-03
Maria da Graça Peixoto

Hi! 

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

0
0
13 May 2020
Copy Link
UserImage.jpg
Ellakkiya


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

0
0
13 May 2020
Copy Link
Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.