How to format dynamic controls in MVC 5 - razor

Question

In the following code from my MVC 5 View, I am dynamically building label and textbox controls but I need to format them in a table so I am not sure how I can do this.
#using InFlowConvertWeb.WebUI.Models
#model InFlowConvertWeb.WebUI.Models.SearchControlListViewModel
#{
ViewBag.Title = "List";
}
#using (Html.BeginForm())
{
int searchControlIndex = 0;
foreach (SearchControl searchControl in Model.SearchControls)
{
switch (searchControl.ControlType)
{
case SearchControl.ControlTypes.TextBox:
{
<div class="form-group" style="margin-left: 15px">
#Html.Label(searchControl.FieldName,
new { #class = "col-md-12 control-label" })
#Html.TextBoxFor(
x => x.SearchControls[searchControlIndex].SearchValue)
#Html.HiddenFor(x => x.SearchControls[searchControlIndex].DataTable)
#Html.HiddenFor(x => x.SearchControls[searchControlIndex].FieldName)
</div>
break;
}
}
searchControlIndex += 1;
}
<div class="col-md-2">
<h2>
<input type="submit" value="Submit Selections" />
</h2>
</div>
Any suggestions would be greatly appreciated,
Bob

Answer 1

Try this Example:
#using InFlowConvertWeb.WebUI.Models
#model InFlowConvertWeb.WebUI.Models.SearchControlListViewModel
#{
ViewBag.Title = "List";
}
#using (Html.BeginForm())
{
<table id="dataTable" class="table table-bordered table-hover">
<tbody>
#{int searchControlIndex = 0;}
#foreach (SearchControl searchControl in Model.SearchControls)
{
switch (searchControl.ControlType)
{
case SearchControl.ControlTypes.TextBox:
{
<tr>
<td>
#Html.Label(searchControl.FieldName, new { #class = "col-md-12 control-label" })
</td>
<td>
#Html.TextBoxFor(x =>x.SearchControls[searchControlIndex].SearchValue)
#Html.HiddenFor(x =>x.SearchControls[searchControlIndex].DataTable)
#Html.HiddenFor(x =>x.SearchControls[searchControlIndex].FieldName)
</td>
</tr>
break;
}
}
searchControlIndex += 1;
}
</tbody>
</table>
<div class="col-md-2">
<h2> <input type="submit" value="Submit Selections" /> </h2>
</div>
}