How to download this working jsfiddle?

The example given in jsfiddle.net/jjx86sqb/ is excellent and would like to download all the files.

Pls let me know how to download it.

I want to run the sample html file example locally

Solution

Simply copy and paste the HTML and jQuery sections of the fiddle to your own document.

Don't forget to include the four relevant external files:

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

You'll also need to reference jQuery itself (version 1.11.0 in the fiddle).

Version 1.11.0 can be found at:

https://code.jquery.com/jquery-1.11.0.min.js

Note that jQuery must be referenced before the four DataTables scripts.

Your <head> should look like this:

<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>

The jQuery code itself must be placed between <script> tags after the five external files have been included.

Hope this helps! :)