Sieve jQuery Plugin

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

View the Demo

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, Ryan McGeary (ryan -[at]- mcgeary [dot] org)