Is there a way to get isotope to order the grid in the way that there are no gaps?
I see the elements changing places in few of the demos but can't achieve the effect myself. Like here: http://isotope.metafizzy.co/demos/layout-modes.html
Here's my fiddle: http://jsfiddle.net/crappish/zvRy5/
As you can see, when you resize the "result", the grid changes alright but at certain widths, white gaps appear in the mosaic. Which is highly unfortunate. :(
I ended up writing my own extension (perfectMasonry) which does not leave gaps, but instead lays out perfect "brick wall". :) I'll try to publish it (GitHub, mayhaps) as soon as I get some free time to clean it up.
Edit: Here be the perfectMasonry extension: https://github.com/zonear/isotope-perfectmasonry
If you look at this fiddle and - while observing the numbers in your divs - you see that the next masonry element up (the red element 5) can not possibly fit in the white square as it must come after element 4; so where it must end up means, that, with only three rows fitting, you'll get a white gap. Maybe you can use Isotope's shuffle and reLayout methods and sacrifice ordering your elements in a strict order?
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With