Name |
Position |
Office |
Age |
Start Date |
Salary |
Tiger Nixon |
System Architect |
Edinburgh |
61 |
2011/04/25 |
$320,800 |
John Doe |
Developer |
New York |
35 |
2015/01/15 |
$80,000 |
Jane Smith |
Designer |
London |
28 |
2018/06/10 |
$65,000 |
Tiger Nixon |
System Architect |
Edinburgh |
61 |
2011/04/25 |
$320,800 |
John Doe |
Developer |
New York |
35 |
2015/01/15 |
$80,000 |
Jane Smith |
Designer |
London |
28 |
2018/06/10 |
$65,000 |
Tiger Nixon |
System Architect |
Edinburgh |
61 |
2011/04/25 |
$320,800 |
John Doe |
Developer |
New York |
35 |
2015/01/15 |
$80,000 |
Jane Smith |
Designer |
London |
28 |
2018/06/10 |
$65,000 |
Tiger Nixon |
System Architect |
Edinburgh |
61 |
2011/04/25 |
$320,800 |
John Doe |
Developer |
New York |
35 |
2015/01/15 |
$80,000 |
Jane Smith |
Designer |
London |
28 |
2018/06/10 |
$65,000 |
Tiger Nixon |
System Architect |
Edinburgh |
61 |
2011/04/25 |
$320,800 |
John Doe |
Developer |
New York |
35 |
2015/01/15 |
$80,000 |
Jane Smith |
Designer |
London |
28 |
2018/06/10 |
$65,000 |
<!DOCTYPE html>
<html>
<head>
<title>DataTables Example</title>
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.24/css/jquery.dataTables.min.css">
</head>
<body>
<h1>DataTables Example</h1>
<table id="myTable">
<thead>
<tr>
<th>Name</th>
<th>Position</th>
<th>Office</th>
<th>Age</th>
<th>Start Date</th>
<th>Salary</th>
</tr>
</thead>
<tbody>
<tr>
<td>Tiger Nixon</td>
<td>System Architect</td>
<td>Edinburgh</td>
<td>61</td>
<td>2011/04/25</td>
<td>$320,800</td>
</tr>
<!-- Randomly generated rows -->
<tr>
<td>John Doe</td>
<td>Developer</td>
<td>New York</td>
<td>35</td>
<td>2015/01/15</td>
<td>$80,000</td>
</tr>
<tr>
<td>Jane Smith</td>
<td>Designer</td>
<td>London</td>
<td>28</td>
<td>2018/06/10</td>
<td>$65,000</td>
</tr>
<!-- Add more random rows here -->
</tbody>
</table>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdn.datatables.net/1.10.24/js/jquery.dataTables.min.js"></script>
<script>
$(document).ready(function() {
$('#myTable').DataTable();
});
</script>
</body>
</html>