I want to make a table with specified number of rows&columns on Web screen,

But, while reactive web development, I cannot find/use 'Table' widget, which was available on traditional web development.


On traditional web apps, there are two widgets:

- 'Table Records' widget

- 'Table' widget <-- I want to use this one


On reactive web apps, there is just one widget:

- 'Table' widget (is surely named as 'Table', but this widget behaves as 'Table Records' widget.)


Is there any solution to have customized table?

Thanks in advance.

Hi Chihiro,

As a workaround you can use Columns widgets and Containers inside

Chihiro Sakurai wrote:

I want to make a table with specified number of rows&columns on Web screen,

But, while reactive web development, I cannot find/use 'Table' widget, which was available on traditional web development.


On traditional web apps, there are two widgets:

- 'Table Records' widget

- 'Table' widget <-- I want to use this one


On reactive web apps, there is just one widget:

- 'Table' widget (is surely named as 'Table', but this widget behaves as 'Table Records' widget.)


Is there any solution to have customized table?

Thanks in advance.

Hi Chihiro,

As a best practice, you should avoid using HTML Table elements with HTML5, and as an alternative, use Containers to achieve the same effect.

Here's a couple of links with lots of advices on how to achieve that:

https://stackoverflow.com/questions/83073/why-not-use-tables-for-layout-in-html

https://stackoverflow.com/questions/16232425/why-do-most-people-want-to-avoid-tables-in-html-and-use-divs-for-everything

https://stackoverflow.com/questions/17503456/is-it-good-to-use-tables-in-html-5

I hope this helps you in any way.

Thank you.

Best regards,

Paulo Moreira

Aliaksandr Kasko wrote:

Hi Chihiro,

As a workaround you can use Columns widgets and Containers inside

Thanks, I tried it but there were some gaps between columns because of placeholders, so I need something more to do to have gapless table.



Paulo Moreira wrote:

Chihiro Sakurai wrote:

I want to make a table with specified number of rows&columns on Web screen,

But, while reactive web development, I cannot find/use 'Table' widget, which was available on traditional web development.


On traditional web apps, there are two widgets:

- 'Table Records' widget

- 'Table' widget <-- I want to use this one


On reactive web apps, there is just one widget:

- 'Table' widget (is surely named as 'Table', but this widget behaves as 'Table Records' widget.)


Is there any solution to have customized table?

Thanks in advance.

Hi Chihiro,

As a best practice, you should avoid using HTML Table elements with HTML5, and as an alternative, use Containers to achieve the same effect.

Here's a couple of links with lots of advices on how to achieve that:

https://stackoverflow.com/questions/83073/why-not-use-tables-for-layout-in-html

https://stackoverflow.com/questions/16232425/why-do-most-people-want-to-avoid-tables-in-html-and-use-divs-for-everything

https://stackoverflow.com/questions/17503456/is-it-good-to-use-tables-in-html-5

I hope this helps you in any way.

Thank you.

Best regards,

Paulo Moreira 

Thanks for the links, I will read them. anyway, I understood that using containers is feasible workaround for now. Thank you!



Paulo Moreira wrote:

Chihiro Sakurai wrote:

I want to make a table with specified number of rows&columns on Web screen,

But, while reactive web development, I cannot find/use 'Table' widget, which was available on traditional web development.


On traditional web apps, there are two widgets:

- 'Table Records' widget

- 'Table' widget <-- I want to use this one


On reactive web apps, there is just one widget:

- 'Table' widget (is surely named as 'Table', but this widget behaves as 'Table Records' widget.)


Is there any solution to have customized table?

Thanks in advance.

Hi Chihiro,

As a best practice, you should avoid using HTML Table elements with HTML5, and as an alternative, use Containers to achieve the same effect.

Here's a couple of links with lots of advices on how to achieve that:

https://stackoverflow.com/questions/83073/why-not-use-tables-for-layout-in-html

https://stackoverflow.com/questions/16232425/why-do-most-people-want-to-avoid-tables-in-html-and-use-divs-for-everything

https://stackoverflow.com/questions/17503456/is-it-good-to-use-tables-in-html-5

I hope this helps you in any way.

Thank you.

Best regards,

Paulo Moreira

Hi Paulo

The links you posted don't seem to make the same point as your post. I understand tables should be avoided for layout but I doubt many people are using tables in Outsystems to assist with layout considering Outsystems takes care of layout out the box. Why should tables be avoided completely in HTML5? In my mind displaying tabular data in HTML tables will always make more sense then messing around with divs etc. 

Thanks

Richard


Hi C.S.,

You may be able to use an HTML Element widget and the List widget for that, changing its tag.

It's possible that you'll have to delete the width of the list.

If your list has a static number of rows, you don't need that list widget and can use just HTML Element widgets.

Cheers,

Tiago Simões



Hi,

In reactive web there is also a Table widget!

If you have an entity and you drag it to a UI flow it will scafold a list screen (with table widget) and detail screen including pagination and search.

Regards,

Daniel