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

Minimal Responsive Grid Layout Plugin For jQuery - Elements Grid

Elements Grid is a simple, lightweight and responsive jQuery grid layout plugin that dynamically resizes and arranges a collection of html elements to fit within your viewport.

grid-layout

Download Tutorial

Documentation

jQuery Elements Grid plugin

Demo: http://sevbit.com/example/jqelgrid/

Copyright: SevBit

Licensed under the MIT license: http://opensource.org/licenses/MIT

Usage (options)

child - Селектор элементов списка. По умолчанию: '.item'
elSize - Базовый размер элемента (минимальный). По умолчанию: 200 (px)
columns - Фиксированное количество колонок По умолчанию: 0 (авто)
elSize -
elPadding - Размер отступов между элементами По умолчанию: 5 (px)
rowsShow - Количество отображаемых строк По умолчанию: 9999
hidedClass - Класс скрытых элементов, которые расположены дальше чем rowsShow По умолчанию: 'jqElGrid-hided'
prioAttr - Имя data аттрибута с приоритетами элементов По умолчанию: 'prio'
oneColumnHeight - Модификатор высоты элемента при отображении одного столбца По умолчанию: 0.6
waitTime - Время ожидания окончания события (например изменение размера окна) По умолчанию: 250

Если у родительского элемента присутствует data аттрибут columns, то количество колонок берется из него. Data аттрибут columns можно менять с помощью JS после инициализации плагина.

You May Also Like

jQuery Plugin For Golden Ratio Web Grid Layout - StayGolden

Simple jQuery Plugin For Matrix Style Grid Layout - Gridly.js

Fluid & Ajax-enabled jQuery Pinterest Style Grid Layout

Super Simple jQuery Pinterest-Style Grid Layout - Boxify.js

jQuery Plugin For Responsive Hexagon Grid Layout - Honeycombs

Responsive Fluid Grid System with jQuery and CSS3 - GridLayout

jQuery Plugin For Diagonal Grid Layout - nnmgrid

Simple jQuery Plugin To Create Pinterest Style Grid Layout - Pinterest Grid

Dynamic & Auto-resizing Grid Layout Plugin with jQuery - boxfish.js

jQuery Plugin For Creating An Image Grid with Dropdown Layers

Minimal Cross-platform Responsive Grid Layout with jQuery and CSS3

Intuitive Draggable Layout Plugin For jQuery - Gridster

Dynaimc Pinterest-Style Grid Layout with Endless Scrolling - jq-waterfall

Flexible & Responsive jQuery Grid Layout Plugin - Flexgrid

jQuery Plugin For Creating Responsive One Page Scrolling Web Layout - vPageScroll.js

Responsive Full Page Grid Layout Plugin with jQuery - Fill.js

Fancy jQuery & CSS3 Based Hexagon Image Gallery

Simple Masonry Layout Plugin For jQuery - indyMasonry

Masonry-style Fluid Image Grid Plugin For jQuery - fluid

Lightweight and Dynamic Javascript Grid Layout - Salvattore

Pinterest-like Fluid Layout with Infinite Scroll - jQuery Waterfall

Pinterest-like Responsive Grid System with jQuery - jaliswall

Lightweight Responsive Pinterest Layout with jQuery - Waterfall

Lightweight jQuery Pinterest-Like Fluid Grid Layout Plugin - Babylon Grid

Masonry-like Responsive Cascading Grid Layout Plugin - MosaicJS

Responsive Tiled Grid Gallery Plugin with jQuery - CSTiles

Responsive Equal Height Plugin with jQuery - ResponsibleHeight

Yet Another Pinterest Like Layout Plugin For jQuery - waterfall

Responsive Dynamic Tile Grid Layout with jQuery - tileWall

Tiny Responsive Grid Layout Plugin For jQuery - Marshal

Minimal Responsive Grid Layout Plugin For jQuery - Elements Grid

Inline-block Based Fluid Grid Layout Plugin For jQuery - tightgrid.js

Masonry-like Responsive Tiled Grid Layout Plugin With jQuery - Masonry.js

Minimalist Masonry-style Grid Layout Plugin - Masonry.js

Responsive & Dynamic jQuery Grid Layout Plugin - Brick Folio

jQuery Plugin For Drag and Drop Grid Layout - DND Grid

Metro Style jQuery Tiled Grid Layout Plugin - HeightMatch

jQuery Plugin For Responsive Justified Image Gallery - Justified

jQuery Plugin For Responsive Resizable Grid Layout - Resizeable.js

Adpative Cascading Grid Layout Plugin With jQuery - GridMaker

Responsive Expanding Grid / Tab Layout Plugin For jQuery - Gridtab

Pinterest-Like Dynamic Grid Layout Plugin with jQuery - Wookmark

Dynamic Responsive Tiled Layout Plugin For jQuery - wallyti

Pinterest Style Responsive Web Layout Plugin For jQuery - newWaterfall.js

Lightweight Masonry-like Grid Plugin For jQuery - grid.js

Responsive & Filterable jQuery Portfolio Gallery Plugin - Elastic Grid

Responsive Justified Gallery Plugin For jQuery - TJ gallery

Responsive Justified Image Grid/Gallery Plugin - jQuery imagesGrid

Simple Responsive Grid Layout Plugin - jQuery Drystone.js

Responsive Square Grid Layout For jQuery - Square.js

Random Grid Order Plugin With jQuery - rdmGrid

Fix Flexbox justify-content Issue With jQuery - jcsabfix

Create A Justified Grid Of Images With jQuery - Grid Horizontal

Pinterest Inspired Layout With Image Lazy Load - jQuery dnWaterfall

Responsive Masonry/Pinterest Like Grid Layout For Bootstrap 4/3

Responsive & Fluid Drag-and-Drop Grid Layout with jQuery - gridstack.js

Responsive Mosaic Grid For Images - jQuery Mosaic

Isotope - Magical Dynamic Layout Plugin For jQuery

Pinterest Like Masonry Grid For jQuery - columnsToJs

Flexbox Based Responsive Justified Layout With jQuery - Flex Gallery

jQuery Plugins

AngularJs Plugins