To design a complex table layout like the one you've shown in Outsystems, using a table widget alone might not suffice due to the multi-row and multi-column spanning requirements. Instead, you can use a combination of containers and columns to achieve the desired structure. 

1. Create a New Web Block or Web Screen:

   • Start by creating a new web block or web screen in your Outsystems application.

2. Add Containers for the Structure:

   • Use containers to create the main sections of the table (Title, Analysis, Component, etc.).

3. Use Nested Containers for Rows and Columns:

   • Nest containers within each other to represent rows and columns. This gives you the flexibility to span rows and columns as needed.

4. Set CSS Classes for Styling:

   • Apply custom CSS classes to these containers to control the borders, padding, and alignment.

Sample CSS

.table-title {    display: flex;    justify-content: space-between; } .title {    font-size: 24px;    font-weight: bold; } .type-period {    display: flex;    justify-content: space-between;    width: 200px; } .type, .period {    padding: 5px;    border: 1px solid black; } .table-container {    width: 100%;    border-collapse: collapse; } .row {    display: flex; } .cell {    padding: 5px;    border: 1px solid black; } .analysis-header, .component-header, .period-header {    font-weight: bold;    text-align: center; } .footer {    margin-top: 20px; } .footer-text {    text-align: center;    font-size: 14px; } 

Yes, you can insert data into table using expressions. You need to insert the expression into the HTML Code input to Inject HTML. 

Please find attached oml which has both inject html and expression used for creating this table.

Let me know if it helps.

Regards,

Anjali D.