Get new jQuery plugins just once a week

×

SearchTable

December 18, 2013

SearchTable | jQuery plugin to search by filterering a table

SearchTable is a jQuery plugin that turns a plain HTML table into a searchable table. A search field will appear and as you type, the HTML table is filtered to show the search results you are interested in.

This little (~0.6kb) jQuery plugin prepends a text input field above a HTML table, allowing you to search for specific data inside the table. Data is filtered immediately as text is typed into the field.

Example Code :

$('#myTable').searchable(
{
className:'myClass', // style the input field. Not required.
text:'Type to search' //placeholder text of input field. Not required.
});

Created by Maarten Belmans

Download

Example

SearchTable jquery plugin

filter table

SearchTable

Related posts:

MailCheck-js
iCheck
file-api
SearchTable jquery plugin

http://jquer.in/wp-content/uploads/2013/12/SearchTable.jpg

jQuery plugin

Sign up for our weekly newsletter.

* We won't spam you ever