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

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)