Skip to content
A simple jQuery tile based grid.
JavaScript
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
dist
lib
.gitignore
Gruntfile.js
LICENSE
README.md
package.json

README.md

#gridded.js

A simple jQuery tile based grid.

Examples

Simple

This is a simple way to call Gridded where you can supply the width and height for the tiles as data attributes. Demo

jQuery
$(function() {
	$('.container').gridded();
});
HTML
<div class='container'>
  <div class='item' >1</div>
  <div class='item' >2</div>
  <div class='item' data-w="2">3</div>
  <div class='item' data-w="2" data-h="1">4</div>
  <div class='item' >5</div>
  <div class='item' >6</div>
  <div class='item' data-h="2">7</div>
  <div class='item' >8</div>
  <div class='item' >9</div>
  <div class='item' >10</div>
  <div class='item' data-w="1">11</div>
</div>

Options

  • numOfCols

Todo's

  • Allow to set predefined sizes to choose from
{
  sizes: array(1=>2, 3=>33) 
}

key being width value being height

You can’t perform that action at this time.