Hello

There are  couple of options you can do here.

• You can reduce the width of the column by removing extra padding which is applied by default on a table column.
  
  
• You can Merge columns using calculated Columns on your aggregate.
• You can use a text ellipsis function  and provide a rage on how many characters you want to show and after that range .... will be shown, and then add a tooltip to show full content.
• You can add a scroll to a table which  can help you with the scroll when the width is more then the 12 cols.
  Inclose the table inside a container and add style
  width:100%;
  overflow: auto;
• Right align numbers and column headings to look spacious and more organised when having smaller column widths. Centered text may work well if you have spacious columns.

You can also check similar posts with this issue.

• https://www.outsystems.com/forums/discussion/52036/width-of-table-in-different-screen/
• https://www.outsystems.com/forums/discussion/76281/how-to-resize-the-table-column-width-in-reactive-application/
• https://www.outsystems.com/forums/discussion/61455/how-to-adjust-width-of-columns/
• https://www.outsystems.com/forums/discussion/47310/how-to-set-the-editable-table-with-fixed-width-size/

I hope this helps
Best Regards
Tousif Khan

You can add a css in your columns 

https://www.javatpoint.com/how-to-wrap-text-in-css#:~:text=CSS%20word%2Dwrap%20property%20is,to%20fit%20in%20the%20container.

Hi Jack,

You can use CSS for horizontal scroll.

Wrap your table into container and user below CSS in container.

"overflow-x: auto;"

Happy Codding !!!!

Regards,

-V.S.-

Hi

You can adjust the width of header cells and row cell in percentage, according to your table content, such that the total width of all cols become 100%.

OR

 As already said  you can use CSS for horizontal scroll.