jQuery DataTables AlphabetSearch


AlphabetSearch is a feature plug-in for the jQuery DataTables library that provides A-Z alphabetical search feature.

Demonstration

Usage

In order to start using the plug-in, you need to include two extra files shown below in addition to jQuery DataTables files.

<link type="text/css" href="//gyrocode.github.io/jquery-datatables-alphabetSearch/1.2.2/css/dataTables.alphabetSearch.css" rel="stylesheet" />
<script type="text/javascript" src="//gyrocode.github.io/jquery-datatables-alphabetSearch/1.2.2/js/dataTables.alphabetSearch.min.js"></script>

In your jQuery DataTables initialization code add dom option and include letter A among other characters. Also define alphabetSearch.column option and specify zero-based index of the column to use for alphabetical search.

For example:

var table = $('#example').DataTable({
   dom: 'Alfrtip',
   alphabetSearch: {
      column: 0
   }
});

Examples

See Examples page for a full list of additional examples demonstrating how jQuery DataTables AlphabetSearch plug-in can be used.

Documentation

See Reference page for a list of options and API methods available when working with jQuery DataTables AlphabetSearch plug-in.

Copyright

Michael Ryvkin,

License

MIT License, opensource.org/licenses/MIT