Simplest jQuery Table Row Filter Plugin - LiveSearch

File Size: 3.47 KB
Views Total: 4183
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
Simplest jQuery Table Row Filter Plugin - LiveSearch

LiveSearch is a dead simple jQuery script used to filter/search quickly through table rows through a text input field.

How to use it:

1. To use this plugin you first need to include the jQuery LiveSearch plugin after jQuery library:

<script src="//code.jquery.com/jquery-1.12.0.min.js"></script>
<script src="livesearch.js"></script>

2. Create a input field as a filter for your html table.

<input id="livesearch" type="text" />

3. Initialize the plugin on document ready. That's it.

$(document).ready(function(){

  $('input#livesearch').liveSearch({
    table : 'table' // table selector
  });

});

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