CDN not working

Azmimali229

Hello, I am using DataTables CDN for the first time and my table doesn't get any of the features available by DataTables

Here is my code:

<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.19/css/jquery.dataTables.css">
  
<script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.js"></script>
 
<script>
(document).ready( function () {
    $('#example').DataTable();
} );
</script>

and this is my table

<table id="example" class="display" cellspacing="0" width="100%">
<thead>
            <tr>
                <th>Id Number</th>
                <th>Name</th>
                <th>Level</th>
                <th>Semester</th>
                <th>Defense</th>
                <th>Seminar</th>
                <th>Viva</th>
            </tr>
        </thead>
    <tbody>
<?php 
include 'connection.php'; 

$result = mysqli_query($conn, "SELECT * FROM student_progress");

while($row = mysqli_fetch_assoc($result)):

<?php
>
    
        <?php echo $row['idnumb']; ?> 
        <?php echo $row['fname']; ?> 
        <?php echo $row['level']; ?> 
        <?php echo $row['semester']; ?> 
        <?php echo $row['defense']; ?> 
        <?php echo $row['seminar']; ?> 
        <?php echo $row['viva']; ?> 
    
    <?php endwhile; ?>
    

?>


</body> 

I have tried looking for similar questions in the past but none of the solution is working.
Is there something I miss?

tangerine

You need to include jQuery before DataTables.