<html>
<!-- DataTables CSS -->
<link rel="stylesheet" type="text/css" href="/DataTables-1.10.9/media/css/jquery.dataTables.css">

<!-- jQuery -->
<script type="text/javascript" charset="utf8" src="/DataTables-1.10.9/media/js/jquery.js"></script>

<!-- DataTables -->
<script type="text/javascript" charset="utf8" src="/DataTables-1.10.9/media/js/jquery.dataTables.js"></script>


<?php
$ini_array = parse_ini_file("myfile.ini", true);

$getstats = array(
    "Username",
    "Kills",
    "Total Deaths",
    "Suicide",
    "bear.prefab",
    "wolf.prefab",
    "patrolhelicopter.prefab",
    "killed by fall",
    "Cold",
    "Explosion",
    "barricade",
    "Player Deaths"
);

?>

    <body>
    <table>
    </table>

        <table id="mytable" border ="1" style="width:100%">
            <thead>
    <tr>
    <th>Name</th>
    <th>Kills</th>
    <th>Death Total</th>
    <th>Suicides</th>
    <th>Bears</th>
    <th>Wolves</th>
    <th>Helicopter</th>
    <th>Falling</th>
    <th>Cold</th>
    <th>Explosions</th>
    <th>Barricade</th>
    <th>Player Deaths</th>

            </thead>
        <?php
foreach ($ini_array as $key => $value) {
    echo "<tbody>";
    echo "<tr>";
    for ($i = 0; $i < 12; $i++) {

        echo "<td>";
        echo ($value[$getstats[$i]]);
        echo "</td>";
    }
    echo "</tr>";
    echo "</tbody>";
}
?>
  </tr>


</table>
    </body>

    <script>
 $(document).ready(function() {
    $('#mytable').DataTable();
} );
</script>
</html>