JFilter
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
Contributing
- Fork it
- Create your feature branch (
git checkout -b my-new-feature
) - Test your changes to the best of your ability.
- Update the documentation to reflect your changes if they add or changes current functionality.
- Commit your changes (
git commit -am 'Added some feature'
) - Push to the branch (
git push origin my-new-feature
) - Create new Pull Request
Creator
Created and maintained by Eduardo Malherbi.