jQuery Plugin For Easy Table Filtering and Sorting - Tablefilter

File Size: 12 KB
Views Total: 7663
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
jQuery Plugin For Easy Table Filtering and Sorting - Tablefilter

A lightweight and efficient jQuery plugin which adds fast, client-side filtering and sorting capabilities to your html table with large data sets. Compatible with Twitter Bootstrap framework.

Basic usage:

1. Add jQuery JavaScript library and the jQuery tablefilter plugin to the webpages.

<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="src/tablefilter.js"></script>

2. Add a filter input to your html table.

<input type="search" placeholder="Filter ...">

3. Apply the plugin to the table.

$('table').tableFilter();

4. Customize the plugin with the following options.

$('table').tableFilter({

  // input field to filter table rows
  'input' : 'input[type=search]',

  // trigger events and elements
  'trigger': {
    
    "event"   : "keyup", 
    'element'   : undefined 
  },

  // case sensitive
  'caseSensitive' :  false,
  
  // Timeout for keyboard events (keyup, keypress ...)
  'timeout' : -1,
  
  // enable table sort
  'sort'  : false, 

  // not found element
  // e.g. notFoundElement : ".not-found"
  'notFoundElement' : null,

  // callback
  'callback'  : function(){}
  
});

This awesome jQuery plugin is developed by lenonmauer. For more Advanced Usages, please check the demo page or visit the official website.