2014-03-12 5 views
2

2 열이있는 표가 있고 두 번째 열에 중첩 표가 있습니다. 처음에는 모든 TDS를 넣어에서 나는 ... 두 개의 수평 블록에 TR 분할 할 및 2에서 나는 버튼split html table tr 가로로 두 개

enter image description here

<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> 

답변

1

난 내 테이블에 솔루션, 고지에서 발견 확인 및 취소 넣어 거기에 1 tr 그래서 속임수는 tbody에 2 tr를 더한다

<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>