🚰 Sieve is a jQuery plugin allows you to quickly add an interactive search filter to any block of content.
HTML CoffeeScript JavaScript
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
.github
dist
src
test
.gitignore
CONTRIBUTING.md
Gruntfile.coffee
LICENSE-MIT
README.md
index.html
package.json
sieve.jquery.json

README.md

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)