html - HTML 表格中的表格

Question

我有一个设计，其中一个表位于另一个表内，如果我单击 TR 中的特定 TD，则该 TR 和下一个 TR 之间将出现一个新表。发生的事情是，TR(包含内部表)之后的 TR 都不是表结构的一部分，它应该是。

这是代码

HTML
<div class="table-responsive">
                                    <p class="t_heading">Details</p>
                                    <table class="table table-bordered table-hover">
                                        <thead>
                                            <th>Date</th>
                                            <th>Time</th>
                                            <th>RID</th>
                                            <th>Transaction ID</th>
                                            <th>Description</th>
                                            <th>Ticket Status</th>
                                            <th>Details</th>                                                
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td>23 Jan 2015</td>
                                                <td>13:00</td>
                                                <td>5221187</td>
                                                <td>000765487</td>
                                                <td>Bad Network</td>
                                                <td>Pending</td>
                                                <td><a href="#" class="ct_report_details">SHOW DETAILS</a></td>                         
                                            </tr>
                                            <tr style="display:none">
                                                <table class="table">
                                                    <thead>
                                                        <th>Date</th>
                                                        <th>Time</th>
                                                        <th>MSISDN</th>
                                                        <th>RID</th>
                                                        <th>Account</th>
                                                        <th>Operator</th>
                                                        <th>Status</th>
                                                        <th>Amount</th>
                                                        <th><a href="#" class="ct_report_details_refund">Refund</a></th>
                                                        <th><a href="#">Close</a></th>
                                                    </thead>
                                                    <tbody>
                                                        <td>3 Jan 2015</td>
                                                        <td>12:00</td>
                                                        <td>987765466</td>
                                                        <td>5111876</td>
                                                        <td>907765433</td>
                                                        <td>BSNL</td>
                                                        <td>Pending</td>
                                                        <td><i class="fa fa-inr"></i>&nbsp675546</td>
                                                        <td><a href="#" class="ct_report_details_refund">3 Jan 2015</a></td>
                                                        <td><a href="#"> Jan 2015</a></td>
                                                    </tbody>
                                                </table>
                                            </tr>
                                            <tr>
                                                <td>23 Jan 2015</td>
                                                <td>13:00</td>
                                                <td>5221187</td>
                                                <td>000765487</td>
                                                <td>Bad Network</td>
                                                <td>Pending</td>
                                                <td><a href="#" class="ct_report_details">SHOW DETAILS</a></td>                         
                                            </tr>
                                            <tr>
                                                <td>23 Jan 2015</td>
                                                <td>13:00</td>
                                                <td>5221187</td>
                                                <td>000765487</td>
                                                <td>Bad Network</td>
                                                <td>Pending</td>
                                                <td><a href="#" class="ct_report_details">SHOW DETAILS</a></td>                         
                                            </tr>                                                                                                                   
                                        </tbody>                                                                                                    
                                    </table>                                        
                                </div>

Answer 1

正如“Konok”对我的问题的评论，TR 应该有一个 TD，TD 的 colspan 应该是 7，因为父表中有 7 列。

_感谢大家的支持。

<tr style="display:none">
 <td colspan="7">
  <table class="table custom-view">
  <thead>
      <th>Date</th>
      <th>Time</th>
      <th>MSISDN</th>
      <th>RID</th>
      <th>Account</th>
      <th>Operator</th>
      <th>Status</th>
      <th>Amount</th>
      <th><a href="#" class="ct_report_details_refund">Refund</a></th>
      <th><a href="#">Close</a></th>
  </thead>
  <tbody>
      <td>3 Jan 2015</td>
      <td>12:00</td>
      <td>987765466</td>
      <td>5111876</td>
      <td>907765433</td>
      <td>BSNL</td>
      <td>Pending</td>
      <td><i class="fa fa-inr"></i>&nbsp675546</td>
      <td><a href="#" class="ct_report_details_refund">3 Jan 2015</a></td>
      <td><a href="#"> Jan 2015</a></td>
  </tbody>
 </table>
</td>
</tr>