title: Jquery UI resizable - Resize specific width
body: <p>I am using JQuery UI to create a kind of planning.</p>
  
  <p>I want the user to resize the events on the planning, and each event must fill a day (a cell).</p>
  
  <p>Here is the fiddle : <a href="https://jsfiddle.net/ncxqdu4w/" rel="nofollow noreferrer">https://jsfiddle.net/ncxqdu4w/</a></p>
  
  <p>My code :</p>
  
  <pre><code>    // width = 100, it's the size of a cell
      $('.label').draggable({
          snap: '.td-event:not(.td-event-booked)'
      }).resizable({
          handles: 'e, w',
          minWidth: width,
          aspectRatio: 0,
          grid: [ width, 0 ]
      });
  </code></pre>
  
  <p>But when I resize my event, the size goes from 200px to 276px, then 176px for example. It doesn't respect my grid of [100, 0].</p>
  
  <p>Can I make it respect 100px when I resize an event ? to fill the entire cell.</p>