0.4kb Fast Table Filter Plugin - jQuery filter-table.js

0.4kb Fast Table Filter Plugin - jQuery filter-table.js
File Size: 2.89 KB
Views Total: 765
Last Update:
Publish Date:
Official Website: Go to website
License: MIT

A super tiny (0.4kb minified) jQuery table filter plugin to quickly search table rows & filter tabular data based on user input.

How to use it:

1. Create an input filed to filter your HTML table:

<input type="text" placeholder="Search Table" id="contact-filter">
<table id="contact-table">
    <td>Alfreds Futterkiste</td>
    <td>Maria Anders</td>
    <td>Centro comercial Moctezuma</td>
    <td>Francisco Chang</td>
    <td>Ernst Handel</td>
    <td>Roland Mendel</td>
    <td>Island Trading</td>
    <td>Helen Bennett</td>
    <td>Laughing Bacchus Winecellars</td>
    <td>Yoshi Tannamuri</td>
    <td>Magazzini Alimentari Riuniti</td>
    <td>Giovanni Rovelli</td>

2. Load the minified version of the filter-table.js plugin after the latest jQuery.

<script src="jquery.slim.min.js></script>
<script src="filter-table.js"></script>

3. Call the function on the HTML table and specify the selector of the filter input. That's it.


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