<script src="{#$WebRoot#}/bower_components/datatables/media/js/jquery.dataTables.min.js"></script>
<script src="{#$WebRoot#}/bower_components/datatables/media/js/dataTables.bootstrap.min.js"></script>
<script src="{#$WebRoot#}/js/dataTables.js"></script>
<h3 class="page-header">metadata table</h3>
<table id="metadata" class="table table-striped table-bordered" width="100%" cellspacing="0">
    <thead>
        <tr>
            <th>metadata</th>
            <th>sample 1</th>
            <th>sample 2</th>
            <th>sample 3</th>
            <th>sample 4</th>
            <th>sample 5</th>
        </tr>
    </thead>
    <tfoot>
        <tr>
            <th>metadata</th>
            <th>sample 1</th>
            <th>sample 2</th>
            <th>sample 3</th>
            <th>sample 4</th>
            <th>sample 5</th>
        </tr>
    </tfoot>
    <tbody>
        <tr>
            <td>host</td>
            <td>Achillea</td>
            <td>Bellis</td>
            <td>Thermopsis</td>
            <td>Rosa</td>
            <td>Arabidopsis</td>
        </tr>
        <tr>
            <td>tissue</td>
            <td>flower</td>
            <td>flower</td>
            <td>leaf</td>
            <td>leaf</td>
            <td>leaf</td>
        </tr>
        <tr>
            <td>sample#</td>
            <td>1</td>
            <td>2</td>
            <td>3</td>
            <td>4</td>
            <td>5</td>
        </tr>
    </tbody>
</table>
Add tmeplate of metadata table
Add tmeplate of metadata table
