anchor.diff:            <% end %>
             </div>
           </div>
  -      <!-- Charts End-->  
  +      <!-- Tables End-->  
               </div>
   
   
  
positive.code: 
          <div role="tabpanel">
            <ul class="nav nav-tabs" role="tablist" >
                <li role="presentation"><a href="#charts" aria-controls="charts" role="tab" data-toggle="tab">Charts</a></li>
                <li role="presentation"><a href="#tables" aria-controls="tables" role="tab" data-toggle="tab">Tables</a></li>
            </ul>
            <div class="tab-content">
  
              <div role="tabpanel" class="tab-pane" id="charts">
        <!-- Charts Start-->
  
negative.code: </body>
  <script type="text/javascript">
  $(document).ready(function() {
  $("#provara").DataTable();
  <% @type_tables.each do |type| %>
    <% @tables.each_pair do |sample_name, reads| %>
      <% reads.each_pair do |reads_name, tables| %>                    
        $("#"+"<%= type %>_<%= sample_name %>_<%= reads_name %>_table").DataTable();
  
      <% end %>
    <% end %>
  <% end %>
  
  } );
  </script>
  
  