HTML View, Populating a table with fixed number of columns

HTML View, Populating a table with fixed number of columns

I wan to populate a table with fixed number of colunms with records from a  form.

The idea is to display an iframe (in a zohosite) with products that belong to a selected category in a 4 columns by unlimited rows table.

the question is this. I can have the records to display in a collection variable like this:

Products_to_display=Prdoucts[Category==input.Category]; 

now I need to populate the table, one product per cell (say the product name for now), with the condition to have only 4 columns. 

I have been going around the "for each" logic but cant figure out how end up with the fixed number of colunms I want (4)...

Any help will be appretiated.

eventualy I want to achieve something like this: