Skip to main content
OutSystems

How to scroll records in a table with a fixed header

Question

How can I scroll records inside a Table Records widget, but keep the header fixed?

Answer

Use two widgets:

  • One Table widget to display only the header;
  • The Table Records widget to display only the rows.

For example, add a Table widget and define the header of the table to show. Define the width of each column to comply with the actual data to show.

tableheader1.png

Then, add a traditional Table Records widget to display the data but set Show Header to no.

tableheader2.png

Finally, define the width of the Table Record cells to match the widths of the Table header.

tableheader3.png

The following eSpace replicates this behavior:

https://success.outsystems.com/@api/deki/files/1401/TableHeader.oml

  • Was this article helpful?