This browser is no longer supported.
Upgrade to Microsoft Edge to take advantage of the latest features, security updates, and technical support.
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(243.2, 36%, 33%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EPP%3C/text%3E%3C/svg%3E)
I am trying to create the html table layout as given in attachment. I have a for loop inside the html page and I am trying to create each row of the table having the layout as given below.
<table id = "myTable">
@{
foreach (var item in Model.builds) {
<tr>
// I am trying to give each record lay out as given attached
</tr>
</tr>
}
<table>
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(243.2, 57.99999999999999%, 33%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EJF%3C/text%3E%3C/svg%3E)
There seems no rules. Are there 15 strings in the "model.builds" and you want display in a table like this :
This comment has been deleted due to a violation of our Code of Conduct. The comment was manually reported or identified through automated detection before action was taken. Please refer to our Code of Conduct for more information.
A table is a table with a clear 2 dimensional structure, as e.g. in spreadsheets.
What your image shows is an unstructured arrangement of some rectangles; you can't implement taht with a structured Html table.
Use single textbox/label controls instead.