Kopieren Sie einfach und fügen Sie den HTML und jQuery Abschnitte der Geige zu Ihrem eigenen Dokument auszuführen.
Vergessen Sie nicht, die vier relevanten externen Dateien enthalten:
https://cdn.datatables.net/v/dt/dt-1.10.15/datatables.min.css
https://cdn.datatables.net/v/dt/dt-1.10.15/datatables.min.js
https://gyrocode.github.io/jquery-datatables-alphabetSearch/1.2.2/css/dataTables.alphabetSearch.css
https://gyrocode.github.io/jquery-datatables-alphabetSearch/1.2.2/js/dataTables.alphabetSearch.min.js
Sie müssen auch jQuery selbst (Version 1.11.0 in der Geige) verweisen.
Version 1.11.0 finden Sie unter:
https://code.jquery.com/jquery-1.11.0.min.js
Beachten Sie, dass jQuery muss vor die vier Tables Skripten referenziert werden.
Ihre <head>
sollte wie folgt aussehen:
<head>
<script type="text/javascript" src="//code.jquery.com/jquery-1.11.0.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/dt/dt-1.10.15/datatables.min.css">
<script type="text/javascript" src="https://cdn.datatables.net/v/dt/dt-1.10.15/datatables.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://gyrocode.github.io/jquery-datatables-alphabetSearch/1.2.2/css/dataTables.alphabetSearch.css">
<script type="text/javascript" src="https://gyrocode.github.io/jquery-datatables-alphabetSearch/1.2.2/js/dataTables.alphabetSearch.min.js"></script>
</head>
Der Code jQuery selbst zwischen <script>
Tags platziert werden müssen nach die fünf externen Dateien aufgenommen wurden.
Hoffe, das hilft! :)
Mögliches Duplikat von [Gibt es eine Download-Funktion in jsFiddle?] (Https://stackoverflow.com/questions/9851878/is-there-a-download-function-in-jsfiddle) – rsommerard