Daniel Schick
bd2ba27aef
using DataTables it is now possible to sort by columns, paginate and search for individual entries.
38 lines
1.2 KiB
HTML
38 lines
1.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<link rel="stylesheet" href="DataTables/datatables.css">
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
<title>AIS List</title>
|
|
<script type="text/javascript" src="update.js"></script>
|
|
<script type="text/javascript" src="DataTables/jQuery-3.6.0/jquery-3.6.0.js"></script>
|
|
<script type="text/javascript" src="DataTables/DataTables-1.12.1/js/jquery.dataTables.min.js"></script>
|
|
<script>
|
|
$(document).ready(function () {
|
|
$('#aisTable').DataTable();
|
|
});
|
|
</script>
|
|
</head>
|
|
<body onload="startup()">
|
|
<div class="table-wrapper">
|
|
<table id="aisTable" class="fl-table">
|
|
<thead>
|
|
<tr>
|
|
<th>MMSI</th>
|
|
<th>Name</th>
|
|
<th>Timestamp</th>
|
|
<th>Latitude</th>
|
|
<th>Longitude</th>
|
|
<th>IMO</th>
|
|
<th>Class B</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="aisTableBody">
|
|
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</body>
|
|
</html> |