uFilterGrid 1.0

A simple grid list plugin for easy filter and sorting.



Details

Author
Jose Luis Quintana
Current version
1.0
GitHub
joseluisq/uFilterGrid
Downloads
581
Category
Interface
Tags
Report
GitHub Issues

Releases


How to use

It's very easy, defines only your list using an ul and li tags then
sets your filters in each li tags with the data-filter attribute, it can add many filters for one item.

JS :

var mg = new uFilterList($('sortlist'), {
  // you can set the margin in pixels
  margin: 5
});

// Filter example
mg.filterBy('programing');

HMTL :

<ul id="sortlist">
  <li data-filter="programing"></li>
  <li data-filter="programing back-end"></li>
  <li data-filter="graphic-design illustration"></li>
  <li data-filter="webdesign front-end"></li>
  <li data-filter="graphic-design printing"></li>
</ul>

Live Demo

Live demo


Reference

Options :

  • margin = the margin for item defined in pixels

Public Methods :

  • uFilterList.filterBy(string) = string it's text to filter, this indicate in li tags for the list.

Events :

  • Coming soon..

Discuss

A note on comments here: These comments are moderated. No comments will show up until they are approved. Comments that are not productive (i.e. inflammatory, rude, etc) will not be approved.

Found a bug in this plugin? Please report it this repository's Github Issues.

blog comments powered by Disqus