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

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.