jQuery Datatable

RunAwayItsPHP · 18. Oktober 2020

Hallo,

ich versuche eine Tabelle in einen Datatable zu "verwandeln". Ich habe mir ein simples Beispiel geggogeled, aber es will einfach nicht funtionieren.

Weiss jemand wo der Fehler lieg?

HTML

<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>x</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="http://cdn.datatables.net/1.10.11/js/jquery.dataTables.min.js"></script>
<link rel="stylesheet" href="http://cdn.datatables.net/1.10.11/css/jquery.dataTables.min.css">
</head>
<body>
<table id="example">
<tr>
<th>Firstname</th>
<th>Lastname</th>
<th>Age</th>
</tr>
<tr>
<td>Jill</td>
<td>Smith</td>
<td>50</td>
</tr>
<tr>
<td>Eve</td>
<td>Jackson</td>
<td>94</td>
</tr>
</table>
<script>
$(document).ready(function() {
$('#example').DataTable();
});
</script>
</body>
</html>

Alles anzeigen

Sempervivum · 18. Oktober 2020

Du hast jQuery nicht eingebunden. Leider wird das auf der Startseite nicht erwähnt und beim "Getting Started" nur ganz kurz:

datatables schrieb:

remember to include jQuery as well

Bei den Beispielen wird es jedoch angegeben, z. B. hier gleich beim ersten:

RunAwayItsPHP · 18. Oktober 2020

Danke Dir,

weisst du zufällig auch, warum keine Sortierpfeile da sind? Ich hab keinen Font eingebunden, was bei den meisten Posts das Problem war.

Sempervivum · 18. Oktober 2020

Das verbliebene Problem besteht darin, dass Datatables eine vollständige Definition der Tabelle braucht, mit Kopf und Körper:

Code

Alles anzeigen

Grafiken oder Fonts braucht man nicht einzubinden.

Ähnliche Themen