title: Table inside a table in HTML
body: <p>I have a design, where a table is inside another table in such a way that if i click on a particular TD in a TR, a new table will be coming between that TR and the next TR. What happens is that, the TR that comes after the TR(which contains the inside table), are all not part of the table structure, which its suppose to be.<a href="https://i.stack.imgur.com/byThV.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/byThV.png" alt="enter image description here"></a></p>
  
  <p>Here is the CODE</p>
  
  <pre><code>HTML
  &lt;div class="table-responsive"&gt;
                                      &lt;p class="t_heading"&gt;Details&lt;/p&gt;
                                      &lt;table class="table table-bordered table-hover"&gt;
                                          &lt;thead&gt;
                                              &lt;th&gt;Date&lt;/th&gt;
                                              &lt;th&gt;Time&lt;/th&gt;
                                              &lt;th&gt;RID&lt;/th&gt;
                                              &lt;th&gt;Transaction ID&lt;/th&gt;
                                              &lt;th&gt;Description&lt;/th&gt;
                                              &lt;th&gt;Ticket Status&lt;/th&gt;
                                              &lt;th&gt;Details&lt;/th&gt;                                                
                                          &lt;/thead&gt;
                                          &lt;tbody&gt;
                                              &lt;tr&gt;
                                                  &lt;td&gt;23 Jan 2015&lt;/td&gt;
                                                  &lt;td&gt;13:00&lt;/td&gt;
                                                  &lt;td&gt;5221187&lt;/td&gt;
                                                  &lt;td&gt;000765487&lt;/td&gt;
                                                  &lt;td&gt;Bad Network&lt;/td&gt;
                                                  &lt;td&gt;Pending&lt;/td&gt;
                                                  &lt;td&gt;&lt;a href="#" class="ct_report_details"&gt;SHOW DETAILS&lt;/a&gt;&lt;/td&gt;                         
                                              &lt;/tr&gt;
                                              &lt;tr style="display:none"&gt;
                                                  &lt;table class="table"&gt;
                                                      &lt;thead&gt;
                                                          &lt;th&gt;Date&lt;/th&gt;
                                                          &lt;th&gt;Time&lt;/th&gt;
                                                          &lt;th&gt;MSISDN&lt;/th&gt;
                                                          &lt;th&gt;RID&lt;/th&gt;
                                                          &lt;th&gt;Account&lt;/th&gt;
                                                          &lt;th&gt;Operator&lt;/th&gt;
                                                          &lt;th&gt;Status&lt;/th&gt;
                                                          &lt;th&gt;Amount&lt;/th&gt;
                                                          &lt;th&gt;&lt;a href="#" class="ct_report_details_refund"&gt;Refund&lt;/a&gt;&lt;/th&gt;
                                                          &lt;th&gt;&lt;a href="#"&gt;Close&lt;/a&gt;&lt;/th&gt;
                                                      &lt;/thead&gt;
                                                      &lt;tbody&gt;
                                                          &lt;td&gt;3 Jan 2015&lt;/td&gt;
                                                          &lt;td&gt;12:00&lt;/td&gt;
                                                          &lt;td&gt;987765466&lt;/td&gt;
                                                          &lt;td&gt;5111876&lt;/td&gt;
                                                          &lt;td&gt;907765433&lt;/td&gt;
                                                          &lt;td&gt;BSNL&lt;/td&gt;
                                                          &lt;td&gt;Pending&lt;/td&gt;
                                                          &lt;td&gt;&lt;i class="fa fa-inr"&gt;&lt;/i&gt;&amp;nbsp675546&lt;/td&gt;
                                                          &lt;td&gt;&lt;a href="#" class="ct_report_details_refund"&gt;3 Jan 2015&lt;/a&gt;&lt;/td&gt;
                                                          &lt;td&gt;&lt;a href="#"&gt; Jan 2015&lt;/a&gt;&lt;/td&gt;
                                                      &lt;/tbody&gt;
                                                  &lt;/table&gt;
                                              &lt;/tr&gt;
                                              &lt;tr&gt;
                                                  &lt;td&gt;23 Jan 2015&lt;/td&gt;
                                                  &lt;td&gt;13:00&lt;/td&gt;
                                                  &lt;td&gt;5221187&lt;/td&gt;
                                                  &lt;td&gt;000765487&lt;/td&gt;
                                                  &lt;td&gt;Bad Network&lt;/td&gt;
                                                  &lt;td&gt;Pending&lt;/td&gt;
                                                  &lt;td&gt;&lt;a href="#" class="ct_report_details"&gt;SHOW DETAILS&lt;/a&gt;&lt;/td&gt;                         
                                              &lt;/tr&gt;
                                              &lt;tr&gt;
                                                  &lt;td&gt;23 Jan 2015&lt;/td&gt;
                                                  &lt;td&gt;13:00&lt;/td&gt;
                                                  &lt;td&gt;5221187&lt;/td&gt;
                                                  &lt;td&gt;000765487&lt;/td&gt;
                                                  &lt;td&gt;Bad Network&lt;/td&gt;
                                                  &lt;td&gt;Pending&lt;/td&gt;
                                                  &lt;td&gt;&lt;a href="#" class="ct_report_details"&gt;SHOW DETAILS&lt;/a&gt;&lt;/td&gt;                         
                                              &lt;/tr&gt;                                                                                                                   
                                          &lt;/tbody&gt;                                                                                                    
                                      &lt;/table&gt;                                        
                                  &lt;/div&gt;
  </code></pre>