JavaScripting

The definitive source of the best
JavaScript libraries, frameworks, and plugins.


  • ×

    Jquery Sieve

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

    • 🔾11%Overall
    • 150
    • 30.3 days
    • 🕩29
    • 👥2

    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)

    Show All