In traditional web you can insert a table (not a list) where you set the number of rows/columns and what will show in each.  It looks like there is not a way to do this in react?

Hi Jason,

Yes, also in Reactive Web App and even since very recently for the mobile app you can also have a table widget.

https://success.outsystems.com/Documentation/11/Developing_an_Application/Design_UI/Creating_and_editing_Tables

Regards,

Daniel

Daniël Kuhlmann wrote:

Hi Jason,

Yes, also in Reactive Web App and even since very recently for the mobile app you can also have a table widget.

https://success.outsystems.com/Documentation/11/Developing_an_Application/Design_UI/Creating_and_editing_Tables

Regards,

Daniel

Daniel, no - if you go to traditional web and search in the left widget bar for table you get these two options. 

The top Table is a list of records in a table.  The bottom one if if you want to just make a table - you set the number of columns and rows and set what goes into each.  If you go to react and search table in the left widget bar you only get the top option - not the bottom one.  The top is useful for when showing a list of items but if you want to make a hard coded table the second one is very useful.


Hi Jason,

Ok now I understand, my apologies.

You are right it doesn't exist. Could you not add multiple column 2/3/4/5/6 widget as an alternative achieving the same?

Regards,

Daniel

Daniël Kuhlmann wrote:

Hi Jason,

Ok now I understand, my apologies.

You are right it doesn't exist. Could you not add multiple column 2/3/4/5/6 widget as an alternative achieving the same?

Regards,

Daniel

Daniel, yes and no.  I am doing that now as a work around, but the issues are that:

a) you can't do grid lines (at least not very easily)

b) if the content of one cell (lets say table with 4 columns and 4 rows - the content in question is 2 down and on the second column from the left) creates a carriage return and the others do not, the data is now no longer lined up which makes it hard to read and overall look bad.


Solution

Hi,

Including custom HTML in reactive is a bit of a challenge due to the Reactive shadow DOM generating the HTML.

I created a component in which you could inject HTML and sanitize it (client-side) it as a proof-of-concept.

My example code used in HTML table string as input.

Maybe it something you can use.

https://www.outsystems.com/forge/component-overview/8079/reactive-html-sanitizer

Regards,

Daniel


Solution

Daniël Kuhlmann wrote:

Hi,

Including custom HTML in reactive is a bit of a challenge due to the Reactive shadow DOM generating the HTML.

I created a component in which you could inject HTML and sanitize it (client-side) it as a proof-of-concept.

My example code used in HTML table string as input.

Maybe it something you can use.

https://www.outsystems.com/forge/component-overview/8079/reactive-html-sanitizer

Regards,

Daniel


Thanks!  I will give that a try.