How to have column headings in a table-style Collection Widget

[S_Elsayed]

Hello,

I am using a collection widget to display items in an info table and a chart. However, it only displays the rows and I am unable to display or put on any column headings.

To clarify, I am using a collection widget and not a grid widget since I wanted to add shapes in the table, where the color changes based on a column's value.

This is what the parent mashup looks like:

The workaround that I did was that I added a container above the collection widget which has the column names that I want.

However, that didn't work well since the column headings do not align with the columns in the container widget, as seen in the image below (mashup on runtime):

 
I have tried just resizing the containers but it still did not work well and it does not seem like a good idea since it will just be based on my screen size.

Could someone please tell me how can I solve this? 

Thank you in advance.

[Ashritha · Accepted solution]

Hi,

Approach  followed is correct, but column width has to be fixed ( last column width can be responsive)

Steps:

1. Add a container above collection widget- add multiple columns for header with fixed width.

2. In collection cell mashup , create columns same width as that of header 

Hope this helps!!

[S_Elsayed]

Works perfectly. Thank you!