title: Data table is not working while tr collapse
body: <p>Data table is not working while added a collapse <code>tr</code>. If remvoe collapse <code>tr</code> then data table is working properly how to fix it anybody can help
  Thanks in advance...</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$('.tableToggleUl').parent('td').css('padding','0px');
          $('.tableToggleUl').hide();
          $('.tableToggleBtn').click(function(){
              $(this).parents('tr').next('tr').find('.tableToggleUl').toggle();
              $(this).toggleClass('fa-plus-circle, fa-minus-circle');
          });
          $('.tableToggleBtn').next('.iconConfirmedAppointments, .fa-clock-o, .iconPracticeRescheduled').css('float','left');
          $('.tableToggleBtn').parent('td').css('width','65px');
  
  
  
  
    $(document).ready(function () {
          $('.btnApptSuggestion').on("click",function(){
  
              $validator = $('#frmSuggestionAppt').validate();
              $validator.resetForm();
  
              var AppID=$(this).data('value');
              var patientID=$(this).data('patient');
              var parentId=$(this).data('parentid');
              var AppointmentDate=$(this).data('sugdate');
                 
              $('#SuggestionAppointmentID').val(AppID);
              $('#SuggestPatientID').val(patientID);
              $('#SuggestOtherPatientID').val(parentId);
              $('#dateAppointment').val(AppointmentDate);
          });
          try
          {
              var dTable = $('.reportTable').DataTable({
                  "paging": true,
                  "bSortable": false,
                  "lengthChange": true,
                  "bRetrieve": true,
                  "bProcessing": true,
                  "bDestroy": true,
                  "searching": true,
                  "ordering": false,
                  "info": true,
                  "autoWidth": true,
                  "responsive": true,
                  "aLengthMenu": [[20, 30, 50], [20, 30, 50]]
              });
          }
          catch(e)
          {
  
          }
  
   });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code> &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"&gt;
    &lt;link href="https://cdn.datatables.net/1.10.15/css/jquery.dataTables.min.css" rel="stylesheet"/&gt;
    &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"&gt;&lt;/script&gt;
    &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"&gt;&lt;/script&gt;
    
    &lt;div class="container"&gt;
  
  &lt;table class="table table-bordered table-hover dr-table datatable reportTable dataTable no-footer" id="DataTables_Table_0"&gt;
  &lt;thead&gt;
                  &lt;tr&gt;
                      &lt;th style="padding-left:36px;" class="sorting_disabled"&gt;Status&lt;/th&gt;
                      &lt;th style="white-space: nowrap;" class="sorting_disabled"&gt;Slot Type&lt;/th&gt;
                      &lt;th class="sorting_disabled"&gt;Professional&lt;/th&gt;
                      &lt;th class="sorting_disabled"&gt;Patient&lt;/th&gt;
                      &lt;th class="sorting_disabled"&gt;Date &amp;amp; time&lt;/th&gt;
                      &lt;th class="sorting_disabled"&gt;Checked In&lt;/th&gt;
                      &lt;th class="sorting_disabled"&gt;Checked Out&lt;/th&gt;
                      &lt;th class="sorting_disabled"&gt;Action&lt;/th&gt;
                  &lt;/tr&gt;
              &lt;/thead&gt;
  &lt;tbody&gt;
  &lt;tr role="row"&gt;
                              
                                  &lt;td style="width: 65px;"&gt;&lt;span class="glyphicon glyphicon-plus tableToggleBtn" style="cursor:pointer;"&gt;&lt;/span&gt;&lt;div class="icon iconConfirmedAppointments" 
  
  style="float: left;"&gt;&lt;/div&gt;&lt;/td&gt;
                                                              &lt;td&gt;&lt;div class="icon iconPatientWithSlot"&gt;&lt;/div&gt;&lt;/td&gt;
                              &lt;td&gt;Dr. Doctor Testing &lt;/td&gt;
                              &lt;td&gt;
                                  &lt;a href="/doctor/patient_detail?encryptid=vkK6vkgyyNyMuKJi1qDQuw%3D%3D"&gt;
  
                                      Miss. Kratika  Aggrawal Sr.
  
                                  &lt;/a&gt;
                              &lt;/td&gt;
                                  &lt;td&gt;July 19 2017 - 11:00 AM&lt;/td&gt;
                              &lt;td&gt;
                                  
                                                              &lt;/td&gt;
                              &lt;td&gt;
                                  
                              &lt;/td&gt;
                                  &lt;td&gt;
                                          &lt;div class="dropdown"&gt;
                                              &lt;a class="dropdown-toggle" data-toggle="dropdown"&gt;
                                                  &lt;i class="fa fa-pencil fa-lg"&gt;&lt;/i&gt;
                                                  &lt;span class="caret"&gt;&lt;/span&gt;
                                              &lt;/a&gt;
                                              &lt;style&gt;
                                                  @media only screen and (min-width:150px) and (max-width:991px) {
                                                      .table .dropdown-menu {
                                                          left: 0px !important;
                                                      }
                                                  }
                                              &lt;/style&gt;
                                              &lt;ul class="dropdown-menu"&gt;
                                                      &lt;li&gt;
                                                          &lt;input type="hidden" value="77" class="Status"&gt;
                                                          &lt;input type="hidden" value="8886" class="ID"&gt;
                                                          &lt;input type="hidden" class="ParentPatientID"&gt;
                                                          &lt;a class="lnkChangeStatus" href="#" style="width:auto;"&gt;Appointment Status&lt;/a&gt;
                                                      &lt;/li&gt;
                                                      &lt;li&gt;
                                                          &lt;input type="hidden" value="8886" class="ID"&gt;
                                                          &lt;a href="/doctor/dr_otherappointment?encryptid=vkK6vkgyyNyMuKJi1qDQuw%3D%3D" style="width:auto;"&gt;Outgoing Referrals&lt;/a&gt;
                                                      &lt;/li&gt;
  
  
                                              &lt;/ul&gt;
                                          &lt;/div&gt;
                                  &lt;/td&gt;
  
  
                          &lt;/tr&gt;
  &lt;tr&gt;
                              &lt;td colspan="8" style="padding: 0px;"&gt;
                                  &lt;ul class="tableToggleUl"&gt;
  
                                      &lt;li&gt;
                                          &lt;label&gt;Report Status&lt;/label&gt;
                                              &lt;span&gt;&lt;/span&gt;
                                      &lt;/li&gt;
                                      &lt;li&gt;
                                          &lt;label&gt;Record Uploaded&lt;/label&gt;
                                              &lt;span&gt;No&lt;/span&gt;
                                      &lt;/li&gt;
                                      &lt;li&gt;
                                          &lt;label&gt;Order Received&lt;/label&gt;
                                              &lt;span&gt;No&lt;/span&gt;
  
                                      &lt;/li&gt;
                                      &lt;li&gt;
                                          &lt;label&gt;Authorization&lt;/label&gt;
                                              &lt;span&gt;No&lt;/span&gt;
                                      &lt;/li&gt;
                                      &lt;li class="tableRow1Height"&gt;
                                          &lt;label&gt;Care Plan Uploaded&lt;/label&gt;
                                              &lt;span&gt;No&lt;/span&gt;
  
                                      &lt;/li&gt;
                                      &lt;li&gt;
                                          &lt;label&gt;Guardian Name&lt;/label&gt;
                                              &lt;span&gt;&lt;/span&gt;                                    &lt;/li&gt;
                                      &lt;li&gt;
                                          &lt;label&gt;Referred By&lt;/label&gt;
                                              &lt;span&gt;Miss. Kratika  Aggrawal Sr. (Patient)&lt;/span&gt;
                                      &lt;/li&gt;
                                      &lt;li&gt;
                                          &lt;label&gt;Insurance&lt;/label&gt;
                                              &lt;span&gt;&lt;/span&gt;
                                      &lt;/li&gt;
                                      &lt;li&gt;
                                          &lt;label&gt;Visit Reason&lt;/label&gt;
                                          &lt;span&gt;abdominal Pain&lt;/span&gt;
                                      &lt;/li&gt;
  
                                     
                                     
                                      
                                      &lt;li&gt;
                                          &lt;label&gt;How Did Hear&lt;/label&gt;
                                          &lt;span&gt;Market Place&lt;/span&gt;
                                      &lt;/li&gt;
                                     
                                      &lt;li&gt;
                                          &lt;label&gt;Location&lt;/label&gt;
                                          &lt;span&gt; Tester Rd  Snohomish Washington 98290&lt;/span&gt;
                                      &lt;/li&gt;
                                  &lt;/ul&gt;
                              &lt;/td&gt;
                          &lt;/tr&gt;
  &lt;/tbody&gt;
  &lt;/table&gt;
  &lt;/div&gt;
  
  &lt;script src="https://cdn.datatables.net/1.10.15/js/jquery.dataTables.min.js"&gt;&lt;/script&gt;</code></pre>
  </div>
  </div>
  </p>