table-with-complex-headers
Web icon

Table with Complex Headers

Stable version 1.0.1 (Compatible with OutSystems 11)
Uploaded
 on 19 February 2024
 by 
0.0
 (0 ratings)
table-with-complex-headers

Table with Complex Headers

Details
Build a custom table with more than one header row, with the possibility of grouping the header cells, by merging cells. The header rows are built in a easy way using the "normal" table widget and then a JS script adds those rows on top of your records table, where the data is populated. This is ideal for complex spreedsheet like reports, with multiple rows in the table header, and it allows to keep using the outsystems list sort and navigation (pagination) widgets. The table header can be designed with the possibility to add multiple rows and merging header cells horizontally or vertically.
Read more

You can build extra custom header rows to add to your records table by using a regular table. The extra rows are then merged with your table records. All you need to make sure when designing the table is that the number of columns in the bottom row of your header table is the same as in the data table. A JS will then merge the two tables so that the cells of each column become aligned. 

Then you can customize the CSS styling to your liking.

Release notes (1.0.1)

First release of the asset.

License (1.0.1)
Reviews (0)
Team
Other assets in this category