Display collumns in Group field

Hi,
I try to change the display collumns in a groups field.
I have this groupfield in the bottom tabs
Without changes  the frontend shows equal collumns. Looking in the inspector I see image Inspector1.PNG.
I change the values in inspector as in Inspector4.PNG. This is how I want the values to be presented.
In the backend I set the values as in definition group.PNG
This gives the image inspector2.PNG and shows the standard layout.

Where and how can I change this.
Thanks in  advance
Henk KV       

sorry difficilut to understand
but in layout you can select an html output for each loop of group
you can do your html and load value like {{name-of-field}}
here some tutoral
flexidemo.com3elles.com/realestate/demoj...to-do-same-site.html

Micker Thanks
I see that the images lost the names so reference to the text is lost.
Your suggestion worked for me when I created a not-table-structure text. However using tables in the layout was confusing last week when I tested.
Now I tried again: What I did
Value list tab:
In Opening text for field: I put the tableheader <table style="width:100%"><thead><tr><th style="width:16%">text</th><th style="width:20%">text</th><th style="width:12%">text</th><th style="width:52%">text</th><tr></thead><tbody>
In Closing text for field : I Closed the table : <tbody></table>
In Every value prefix: <tr>
In Every value suffix: </tr>

In layout tab:
Custom HTML
<td>{{field-name}}</td>
<td>{{field-name}}</td>
<td>{{field-namel}}</td>

This works but I wonder if this is efficient
Regards Henk KV

yes that great wayq