datatable

<table id="dataTables" class="display" cellspacing="0" width="100%">
        <thead>
            <tr>
                <th>NO.</th>
                <th>NIM</th>
                <th>Nama Mahasiswa</th>
                <th>Jenis Kelamin</th>
                <th>Tempat Lahir</th>
                <th>Tanggal Lahir</th>
                <th>Alamat</th>
                <th>Nomor Telepon</th>
                <th>Fakultas</th>
                <th>Nomor Seri Ijazah</th>
                <th>Lainnya</th>
            </tr>
        </thead>

        <tbody>
            <?php

            include('koneksi.php');

            $no = 1;
            $res = $connect->query("SELECT * FROM ijazah");
            while($row = $res->fetch_assoc()){
                echo '
                <tr>
                    <td>'.$no.'</td>
                    <td>'.$row["nim"].'</td>
                    <td>'.$row["nama_mahasiswa"].'</td>
                    <td>'.$row["jenis_kelamin"].'</td>
                    <td>'.$row["tempat_lahir"].'</td>
                    <td>'.$row["tanggal_lahir"].'</td>
                    <td>'.$row["alamat"].'</td>
                    <td>'.$row["no_telpon"].'</td>
                    <td>'.$row["fakultas"].'</td>
                    <td>'.$row["no_seri"].'</td>
                    <td>
                    <a href="alamat.php?id_ijazah=<?php echo $data['id'];?>">
                        View
                    </a>
                    </td>
                </tr>
                ';
                $no++;
            }
            ?>
        </tbody>
    </table>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <script src="bootstrap/js/bootstrap.min.js"></script>
    <script src="bootstrap/js/jquery-1.12.0.min.js"></script>
    <script src="bootstrap/js/jquery.dataTables.min.js"></script>
    <script>
    $(document).ready(function() {
        $('#dataTables').DataTable();
    } );
    </script>