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

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

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.




  • header rows excluded from the search.

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