🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

JFilter.js is a lightweight jQuery plugin which allows you to filter Html elements (e.g. table rows/columns, list items, etc) through live text search.

Filter filtering

Documentation

JFilter

Bower BuildStatus status views views 24h

A simple and powerful JQuery plugin thats adds search, sort, filters and flexibility to plain HTML lists, tables, or anything.

Bower.io

This package is available on Bower.

Installing

# install a package and add it to bower.json  $ bower install jfilter --save

Install Bower.io

$ npm install -g bower

Bower depends on Node.js and npm. Also make sure that git is installed as some bower packages require it to be fetched and installed.

Usage

Table

Add class "searchable" on the "tbody" html

<table id="table" name="table" >   <thead>     ...   </thead>   <tbody class="searchable" >     ...   </tbody> <table>  

in javascript

$('#table').jfilter();

List

Add class "searchable" on the "ul" html

<ul id="list" name="list" class="searchable" >   ... </ul>

in javascript

$('#list').jfilter();

Options

@param addon : change input group addon @param placeholder : change the placeholder input @param class : change class searchable using in <tbody> 

Required

jQuery | Bootstrap.

Contributing

  1. Fork it
  2. Create your feature branch (git checkout -b my-new-feature)
  3. Test your changes to the best of your ability.
  4. Update the documentation to reflect your changes if they add or changes current functionality.
  5. Commit your changes (git commit -am 'Added some feature')
  6. Push to the branch (git push origin my-new-feature)
  7. Create new Pull Request

Creator

Created and maintained by Eduardo Malherbi.

License

MIT License


You May Also Like