jQuery Datatable

RunAwayItsPHP

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>
    <!-- HTMl5 Elemente für alte Browser erzeugen-->
    <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

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

Zitat von datatables

remember to include jQuery as well

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

https://datatables.net/examples/basic…figuration.html

RunAwayItsPHP

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

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

Code

    <table id="example">
        <thead>
            <tr>
                <th>Firstname</th>
                <th>Lastname</th>
                <th>Age</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>Jill</td>
                <td>Smith</td>
                <td>50</td>
            </tr>
            <tr>
                <td>Eve</td>
                <td>Jackson</td>
                <td>94</td>
            </tr>
        </tbody>
    </table>

Alles anzeigen

Grafiken oder Fonts braucht man nicht einzubinden.

Jetzt mitmachen!