2
2 열이있는 표가 있고 두 번째 열에 중첩 표가 있습니다. 처음에는 모든 TDS를 넣어에서 나는 ... 두 개의 수평 블록에 TR 분할 할 및 2에서 나는 버튼split html table tr 가로로 두 개
<table id="ElementTable" class="customTable_01">
<thead>
<tr>
<th class="SC_a1">
@Html.DisplayName("Element")
</th>
<th class="SC_a2">
Marking-Scheme
</th>
</tr>
</thead>
<tbody>
@foreach (var item in Model._Element)
{
<tr>
<td class="SC_a1"> @Html.DisplayFor(modelitem => item.ElementTitle) </td>
<td class="SC_a2">
<input type="button" value="Add" name="button" data-id="@item.ElementID" class="k-button k-button-icontext k-grid-Add ComponentScheme_Add" />
@*Nasted Table....*@
<table class="NastedElementTable">
<thead>
<tr>
<th class="N_th">Mark Scheme Title</th>
<th class="N_th">Available-Mark</th>
<th class="N_th">Pass-Mark</th>
<th class="N_th">Merit-Mark</th>
<th class="N_th">Distinction-Mark</th>
</tr>
</thead>
<tbody>
<tr>
<td class="N_td">@Html.TextBox("Input_Title_Element", null, new { id = @item.ElementID + "_DM", @class = "ElementDistinctionMark k-grid-input k-textbox_3" }) </td>
<td class="N_td">@Html.TextBox("Input_AvailableMark_Element", null, new { id = @item.ElementID + "_AM", @class = "ElementAvailableMarks k-grid-input k-textbox_4" })</td>
<td class="N_td">@Html.TextBox("Input_PassMark_Element", null, new { id = @item.ElementID + "_PM", @class = "ElementPassMark k-grid-input k-textbox_4" })</td>
<td class="N_td">@Html.TextBox("Input_MeritMark_Element", null, new { id = @item.ElementID + "_MM", @class = "ElementMeritMark k-grid-input k-textbox_4" })</td>
<td rowspan="2" class="N_td">@Html.TextBox("Input_DistinctionMark_Element", null, new { id = @item.ElementID + "_DM", @class = "ElementDistinctionMark k-grid-input k-textbox_4" })</td>
</tr>
</tbody>
</table>
</td>
</tr>
}
</tbody>
</table>