#jquery grid

[htmluse]

New Post has been published on Html Use

New Post has been published on http://www.htmluse.com/jquery-grid-by-gijgo-com/

jQuery Grid by Gijgo.com

Download   Demo

  jQuery Grid by Gijgo.com is a plug-in for the jQuery Javascript library. It is a very fast and extandable tool, and will add advanced interaction controls to any HTML table. This plugin support pagination, javascript and server side data sources, jQuery UI and Bootstrap. Free open source tool distributed under MIT License.

[htmluse]

New Post has been published on Html Use

New Post has been published on http://www.htmluse.com/jquery-xfilterlist/

jQuery xFilterList

Download   Demo

jQuery xFilterList is a simple jQuery grid list plugin for easy filter and sorting.

1. INCLUDE JS FILES

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script src="jquery.xfilterlist.js"></script>

2. HTML

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.

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

3. JAVASCRIPT

var fl = new xFilterList($('sortlist'), // you can set the margin in pixels margin: 5 ); // Filter example fl.filterBy('programing');

4. OPTIONS

margin : The margin for items defined in pixels.

5. METHODS

uFilterList.filterBy(string) : String it’s text to filter, it should match to data-filter attribute on li tags matching.

[amazing-jquery-plugins]

Dynamic Drag and Drop Grid Layout Plugin With jQuery - Gridly

Gridly is a jQuery and jQuery UI based layout plugin that allows your visitors to dynamically rearrange the grid layout by dragging and dropping.

Demo

Download