<div class="container mt-5"> <h1>Bootstrap DataTable Example</h1> <table id="myDataTable" class="table table-striped table-bordered" style="width:100%"> <thead> <tr> <th>Name</th> <th>Age</th> <th>City</th> </tr> </thead> <tbody> <tr> <td>John Doe</td> <td>25</td> <td>New York</td> </tr> <tr> <td>Jane Smith</td> <td>30</td> <td>Los Angeles</td> </tr> <tr> <td>Alice Johnson</td> <td>28</td> <td>Chicago</td> </tr> <tr> <td>Robert Brown</td> <td>35</td> <td>Houston</td> </tr> <tr> <td>Lisa Davis</td> <td>29</td> <td>Miami</td> </tr> <tr> <td>Michael Wilson</td> <td>40</td> <td>Seattle</td> </tr> <tr> <td>Emily Clark</td> <td>27</td> <td>Denver</td> </tr> <tr> <td>David Lee</td> <td>32</td> <td>San Francisco</td> </tr> <tr> <td>Sarah White</td> <td>33</td> <td>Boston</td> </tr> <tr> <td>James Anderson</td> <td>31</td> <td>Atlanta</td> </tr> <tr> <td>Lisa Davis</td> <td>29</td> <td>Miami</td> </tr> <tr> <td>Michael Wilson</td> <td>40</td> <td>Seattle</td> </tr> <tr> <td>Emily Clark</td> <td>27</td> <td>Denver</td> </tr> <tr> <td>David Lee</td> <td>32</td> <td>San Francisco</td> </tr> <tr> <td>Sarah White</td> <td>33</td> <td>Boston</td> </tr> <tr> <td>James Anderson</td> <td>31</td> <td>Atlanta</td> </tr> <!-- Add more rows as needed --> </tbody> </table></div>x
xxxxxxxxxx10
$(document).ready(function() { // Initialize DataTable $('#myDataTable').DataTable({ paging: true, // Enable pagination searching: true, // Enable search ordering: true, // Enable sorting info: true, // Show information lengthChange: false, // Disable the "Show X entries" dropdown });});
