Simple jQuery Plugin For Html Table Live Search

File Size: 2.03 KB
Views Total: 35182
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
Simple jQuery Plugin For Html Table Live Search

A minimalist jQuery plugin to generate a text input for your Html table so that you can filter the rows of the table with live search.

Basic Usage:

1. Include the jQuery library and the jQuery Html Table Search plugin in the web page.

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="html-table-search.js"></script>

2. Call the plugin on an existing Html table.

$(document).ready(function(){
  $('table.search-table').tableSearch();
});

3. That's it. By default, the plugin will create a search input on the top of your Html table that acts as a filter.

Change logs:

2015-01-18

  • Added ability to make search case sensitive/insensitive

2015-01-04

  • Added options for search text and search placeholder

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