jQuery Plugin To Filter A Table Based On Input Field - Table Filter

Table Filter is an extremely simple and lightweight jQuery plugin that automatically generates an input field to filter table rows.

See also:

• Input Based Table Data Filter With jQuery - multifilter

How to use it:

1. Include jQuery library and jQuery Table Filter plugin in your html document

<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="jquery.table-filter.min.js"></script> 

2. Create a standard html table

<table>

<thead>
<tr>
<th>Lorem Ipsum</th>
<th>Dolor Sit Amet</th>
</tr>
</thead>

<tbody>

<tr>
<td>Ut egestas consectetur elit</td>
<td>sit amet sollicitudin ligula euismod at</td>
</tr>

<tr>
<td>Integer non purus libero</td>
<td>nec pellentesque lorem</td>
</tr>

<tr>
<td>Sed posuere est ac arcu</td>
<td>feugiat placerat</td>
</tr>

...

</tbody>
</table>

3. Call the plugin and you're done

<script type="text/javascript">
$(function () {
$("table").addTableFilter();
});
</script>

2. Create a standard html table

---

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