test-data-tables.html

---
layout: default
title: Pathogen Surveillance Training Curricula
permalink: /test/
---

<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.19/css/jquery.dataTables.min.css">
<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>
<script type="text/javascript" language="javascript" src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.17.4/xlsx.full.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.17.4/xlsx.full.min.js"></script>




<input type="checkbox" onclick="toggleColumn(0);" checked> Code
<input type="checkbox" onclick="toggleColumn(1);" checked> Title
<input type="checkbox" onclick="toggleColumn(2);" checked> Pathogen
<input type="checkbox" onclick="toggleColumn(3);" checked> Persona
<br>

<div class="table-responsive" >
<table id="example" class="" style>
  <thead>
      <tr>
          <th>Code</th>
          <th class="column_title">Title</th>
          <th>Pathogen</th>
          <th>Persona </th>
          <th>Level</th>
      </tr>
  </thead>
  <tbody>
    <tr>
      <td>001</td>
      <td class="column_title" >Unix/linux, command line, shell scripting </td>
      <td>Foundational</td>
      <td>Bioinformatics Scientist</td>
  
      <td>Beginner</td>

    </tr>
    <tr>
      <td>002</td>
      <td>Data analytics</td>
      <td>Foundational</td>
      <td>Bioinformatics Scientist</td>
    
      <td>Beginner</td>

    </tr>
    <tr>
      <td>003</td>
      <td>Phylogenetics</td>
      <td>Foundational</td>
      <td>Bioinformatics Scientist</td>
  
      <td>Beginner</td>
    
    </tr>
    <tr>
      <td>004</td>
      <td>Informatics skills </td>
      <td>Foundational</td>
      <td>Bioinformatics Scientist</td>

      <td>Beginner</td>

    </tr>
    <tr>
      <td>005</td>
      <td>Workflows and containerization</td>
      <td>Foundational</td>
      <td>Bioinformatics Scientist</td>

      <td>Beginner</td>
  
    </tr>
    <tr>
      <td>006</td>
      <td>Programming in Python</td>
      <td>Foundational</td>
      <td>Bioinformatics Scientist</td>
  
      <td>Beginner</td>
  
    </tr>
    <tr>
      <td>007</td>
      <td>R programming</td>
      <td>Foundational</td>
      <td>Bioinformatics Scientist</td>

      <td>Beginner</td>
  
    </tr>
    <tr>
      <td>008</td>
      <td>Github and version control</td>
      <td>Foundational</td>
      <td>Bioinformatics Scientist</td>
      <td>Beginner</td>
 
    </tr>
    <tr>
      <td>009</td>
      <td>Ontologies, standards, data curation and submission</td>
      <td>Foundational</td>
      <td>Bioinformatics Scientist</td>
      <td>Beginner</td>
 
    </tr>
    <!-- viral -->
    <tr>
      <td>001</td>
      <td>Introduction to NGS data processing</td>
      <td>Viral</td>
      <td>Bioinformatics Scientist</td>
      <td>Beginner</td>
  
    </tr>
    <tr>
      <td>002</td>
      <td>NGS, Illumina, ONT workflows</td>
      <td>Viral</td>
      <td>Bioinformatics Scientist</td>
      <td>Beginner</td>

    </tr>
    <tr>
      <td>003</td>
      <td>Nextclade and Pangolin</td>
      <td>Viral</td>
      <td>Bioinformatics Scientist</td>
      <td>Beginner</td>
  
    </tr>
    <tr>
      <td>004</td>
      <td>Galaxy workflow (or other slected workflow(s))</td>
      <td>Viral</td>
      <td>Bioinformatics Scientist</td>
      <td>Beginner</td>
 
    </tr>
    <tr>
      <td>005</td>
      <td>Phylogenetics</td>
      <td>Viral</td>
      <td>Bioinformatics Scientist</td>
      <td>Beginner</td>

    </tr>
    <tr>
      <td>006</td>
      <td>Advanced bioinformatics analysis for viruses</td>
      <td>Viral</td>
      <td>Bioinformatics Scientist</td>
      <td>Beginner</td>
  
    </tr>
    <tr>
      <td>007</td>
      <td>Data curation and submission</td>
      <td>Viral</td>
      <td>Bioinformatics Scientist</td>
      <td>Beginner</td>
   
    </tr>

    <tr>
      <td>008</td>
      <td>Dissemination of genomic 
        <!-- surveillance findings to policy makers and the public -->
      </td>
      <td>Viral</td>
      <td>Bioinformatics Scientist</td>
      <td>Beginner</td>
 
    </tr>

    <!-- bactterial -->
    <tr>
      <td>001</td>
      <td>Introduction to bacterial NGS data processing</td>
      <td>Bacterial</td>
      <td>Bioinformatics Scientist</td>
      <td>Beginner</td>

    </tr>
    <tr>
      <td>002</td>
      <td>Bacterial pathogen data analysis</td>
      <td>Bacterial</td>
      <td>Bioinformatics Scientist</td>
      <td>Beginner</td>

    </tr>
    <tr>
      <td>003</td>
      <td>PATRIC the PathoSystems Resource
         <!-- Integration Center, a Bioinformatics Resource Center Platform) -->
        </td>
      <td>Bacterial</td>
      <td>Bioinformatics Scientist</td>
      <td>Beginner</td>

    </tr>
    <tr>
      <td>004</td>
      <td>Phylogenetics</td>
      <td>Bacterial</td>
      <td>Bioinformatics Scientist</td>
      <td>Beginner</td>

    </tr>
    <tr>
      <td>005</td>
      <td>Metagenomics for pathogen surveillance</td>
      <td>Bacterial</td>
      <td>Bioinformatics Scientist</td>
      <td>Beginner</td>

    </tr>
    <tr>
      <td>006</td>
      <td>Data curation and submission</td>
      <td>Bacterial</td>
      <td>Bioinformatics Scientist</td>
      <td>Beginner</td>

    </tr>
    <tr>
      <td>007</td>
      <td>Dissemination of genomic
         <!-- surveillance findings to policy makers and the public -->
        </td>
      <td>Bacterial</td>
      <td>Bioinformatics Scientist</td>
      <td>Beginner</td>

    </tr>
  </tbody>
  <tfoot>
      <tr>
        <th>Code</th>
        <th class="column_title">Title</th>
        <th>Pathogen</th>
        <th>Persona </th>
        <th>Level</th>

      </tr>
  </tfoot>
</table>


</div>
<script>
$(document).ready(function() {
    var table = $('#example').DataTable();
 
    $("#example tfoot th").each( function ( i ) {
        var select = $('<select><option value=""></option></select>')
            .appendTo( $(this).empty() )
            .on( 'change', function () {
                table.column( i )
                    .search( $(this).val() )
                    .draw();

                    $('#container').css( 'display', 'block' );
                    table.columns.adjust().draw();
            } );
 
        table.column( i ).data().unique().sort().each( function ( d, j ) {
            select.append( '<option value="'+d+'">'+d+'</option>' )
        } );
    } );  
} );


function toggleColumn(index) {
    var table = $('#example').DataTable();
    var column = table.column(index);
    column.visible(!column.visible());
}



</script>