split html table tr horizontally in to two - css

Question

i have table with 2 columns and in 2nd column I have nested table. I want to split tr in two horizontally block... in first i put all the tds and in 2nd I put confirm and cancel buttons
<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>

Answer 1

i have found solution, notice in my table in thead there is 1 tr so trick is add two tr in tbody
<thead>
<tr>
<td></td>
....
</tr>
</thead>
<tbody>
<tr>
<td><td/>
......
</tr>
<tr>
<td>
<input type="button" value="Cancel">
<td/>
<td>
<input type="button" value="Confirm">
</td>
</tr>