A repository of over 1000 quality jQuery plugins

jQuery jQuery Sieve

jQuery Sieve is a jQuery Filter & Sort plugin.

Created by Rmm5t

Sieve is a jQuery plugin allows you to quickly add an interactive search filter to any block of content.

Not what you're looking for? Click here to view more Filter & Sort jQuery plugins

Sieve jQuery Plugin

Sieve allows you to quickly add an interactive search filter to any block of content.

View the Demo


How You Can Help

Square Cash Gratipay Book a Codementor session

If you like this project, buy me a coffee, donate via Gratipay, or book a session with me on Codementor.

Bitcoin: 1rmm5tv6f997JK5bLcGbRCZyVjZUPkQ2m

Usage

In the simplest case, you can add a search filter to any table. By default, this example will filter all rows in the <tbody> section of a <table class="sieve">.

$(document).ready(function() {
  $("table.sieve").sieve();
});

To filter a list of paragraphs, override the itemSelector option. This example will filter all <p> elements within the <section class="sieve"> container.

$(document).ready(function() {
  $("section.sieve").sieve({ itemSelector: "p" });
});

In either case, Sieve will insert a search box before the content container and act as an interactive search filter for the content.

Contributing

See the contributing guidelines.

Author

Ryan McGeary (@rmm5t)

Other

MIT License

Copyright (c) 2013-2017, Ryan McGeary (ryan -[at]- mcgeary [dot] org)



You might also like these other Filter & Sort jQuery Plugins

  • jquery-sdfilterme

    Another simple light-weight jQuery plugin to easily filter and order portfolio, articles, gallery, etc.

  • Tabulous JS

    A jQuery tabs module for todays web!

  • jQuery Tablesorter Filter

    A search/filter plugin which extends the jQuery TableSorter plugin