Desconozco el por qué no puede aplicarse el datatable a la tabla que tengo cuando sigo los pasos para añadirlo, he intentado con realizar nuevamente todo desde el inicio pero aún así sigue sin reflejarse
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-zCbKRCUGaJDkqS1kPbPd7TveP5iyJE0EjAuZQTgFLD2ylzuqKfdKlfG/eSrtxUkn" crossorigin="anonymous">
<!-- Este lo obtuve de datatable -->
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/bs4/jq-3.6.0/dt-1.11.4/datatables.min.css"/>
<!-- La tabla -->
<div class="row justify-content-center">
<table class="table table-hover" id="myTable">
<thead>
<tr>
<th>Name</th>
<th>Location</th>
<th colspan="2">Action</th>
</tr>
</thead>
<?php
while($row = $result->fetch_assoc()): ?>
<tr>
<td><?php echo $row['name']; ?></td>
<td><?php echo $row['location']; ?></td>
<td>
<a href="index.php?edit=<?php echo $row['id']; ?>" class="btn btn-info">Edit</a>
<a href="process.php?delete=<?php echo $row['id']; ?>" class="btn btn-danger">Delete</a>
</td>
</tr>
<?php endwhile;?>
</table>
</div>
<!-- Option 1: jQuery and Bootstrap Bundle (includes Popper) -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-fQybjgWLrvvRgtW6bFlB7jaZrFsaBXjsOMm/tB9LTS58ONXgqbR9W8oWht/amnpF" crossorigin="anonymous"></script>
<!-- El otro script que obtuve de datatable y el código que llama a la función -->
<script type="text/javascript" src="https://cdn.datatables.net/v/bs4/jq-3.6.0/dt-1.11.4/datatables.min.js"></script>
<script>
$(document).ready( function () {
$('#myTable').DataTable();
} );
</script>
¿Es el navegador? ¿Es la versión de Bootstrap? ¿Estoy olvidando cerrar alguna etiqueta? Porque sigo las indicaciones de datatables.net seleccionando la versión de bootstrap 4 y jquery 3 para evitar tantos problemas, pero continúa siendo de esa manera