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
    • 148
    • 30 days
    • 🕩28
    • 👥2

    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)

    License

    MIT License

    Show All