apply jquery on php printed html elements

I have a small project that i am working on and one part is retrieving data from mysql database . now I use php function to specify which table should be displayed , this forces me to print the table using php echo function .

then i have the open source jQuery data tables which cannot be applied on printed elements , i have no idea how to solve this i'm stuck in this problem

sorry for bad English

this is the version of my jQuery Library

<script type="text/javascript" charset="utf8" src="https://code.jquery.com/jquery-3.5.1.js"></script>

the PHP code

print '<table id="table" ><thead>
 <tr>
 <th>Number</th>
 <th>ID</th>
 <th>Name</th>
 <th>Joined Date</th>
 <th>Email</th>
 <th>Role</th>
 <th>gender</th>
 <th>Phone Number</th>
 <th>Salary ($)</th>
 <th>Birthdate</th>
 <th>Location</th>
 <th>Education</th>
 <th>Nation</th>
 </tr></thead><tbody>';
while ($row = mysqli_fetch_array($run)){
echo "<tr><td> ".$nrow."</td><td> "
.$row["id"]."</td>
<td>".$row["full_name"]."</td>
<td>".$row["joined_date"]."</td>
<td>".$row["email"]."</td>
<td>".$row["role"]."</td>
<td>".$row["gender"]."</td>
<td>".$row["phone_no"]."</td>
<td>".$row["salary"]."</td>
<td>".$row["birthdate"]."</td>
<td>".$row["location"]."</td>
<td>".$row["education"]."</td>
<td>".$row["nation"]."</td>
<td></td> </tbody></table>";

the Script

$(document).ready(function() {
$('#table').DataTable();});

basically the script searches for the table with id=table and apply the script but this works only on html tags that are not printed through php .

source https://stackoverflow.com/questions/68966918/apply-jquery-on-php-printed-html-elements