Currently, I am working on a project that involves using datatables, so I decided to utilize datatables plugins from datables.net. Despite following all the instructions provided, I encountered an issue where the search input field and entries label were not appearing as expected.
From my analysis, it appears that there might be an issue with the links or references in the code.
Below is a snippet of the code I am working with - I would greatly appreciate any assistance you can provide:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>nchlh tekhdem</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.19/css/dataTables.bootstrap4.min.css">
</head>
<body>
<div class="container mb-3 mt-3" >
<table class="table table-striped table-bordered mydatatable " style="width: 100%">
<thead>
<tr>
<th>ID</th>
<th>Product</th>
<th>Detected in Version</th>
<th>Type</th>
<th>Status</th>
<th>Prio</th>
</tr>
</thead>
<tbody>
<tr>
<td>Hermione Butler</td>
<td>Regional Director</td>
<td>London</td>
<td>47</td>
<td>2011/03/21</td>
<td>$356,250</td>
</tr>
... (additional rows)
</tbody>
<tfoot>
<tr>
<th>ID</th>
<th>Product</th>
<th>Detected in Version</th>
<th>Type</th>
<th>Status</th>
<th>Prio</th>
</tr>
</tfoot>
</table>
</div>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
<script src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/1.10.19/js/dataTables.bootstrap4.min.js"></script>
<script>
$('.mydatatable').Datatable();
</script>
</body>
</html>