title: How to get last row in Isotope and on click expand them upward direction ?
body: <p><strong>Scenario</strong></p>
  
  <p>I am usign isotope plugin (<a href="http://isotope.metafizzy.co/" rel="nofollow noreferrer">http://isotope.metafizzy.co/</a>) with angular js. On click of thumbnail image I am adding class "expanded" and increasing its width and height to occupy four boxes. </p>
  
  <p><strong>Can we do this?:</strong></p>
  
  <p>When I click on thumbnail image of "last row" Its occuping four tumbnails but growing downwards to create empty space. as per attached image. Is there any way to exapand thumbnail in upward direction so that In any case there will not be any empty blank space</p>
  
  <p><img src="https://i.stack.imgur.com/p5xLY.jpg" alt="enter image description here"></p>
  
  <p><strong>Code Snippet</strong></p>
  
  <pre><code> $grid = $('.grid');
      $grid.isotope({
          itemSelector: '.grid-item',
          masonry: {
              columnWidth: 205
          },
          gutter: 0,
          onLayout: function ($elems, instance) {  
              $elems.show(); // initially elements were hidden and dislayed when all of them rendered
          }
      }
  </code></pre>