/isotope-modulo-columns

An Isotope v2 custom layout that lays out items in columns evenly

Primary LanguageJavaScriptMIT LicenseMIT

moduloColumns layout mode for Isotope 2

Organizes items in a column grid by distributing items evenly over the columns. This layout mode does not attempt to even out the column lengths, but rather strives to even out the number of items per column.

$('#container').isotope({
  layoutMode: 'moduloColumns',
  moduloColumns: {
    columnWidth: 200,
    gutter: 20
  }
});

Demo

A demonstration can be found here: http://michieldewit.github.com/isotope-modulo-columns/example