title: Synchronize Table Re-sizing
body: <p>I'm using the JQuery plugin <a href="http://www.bacubacu.com/colresizable/#samples" rel="nofollow noreferrer" title="colResizable">colResizable</a> (<a href="https://stackoverflow.com/a/8615805/3639370">@alvaro-prieto</a>) to create re-sizable tables in my application and have two individual table objects (same column count). However, I am looking for a way to resize the two tables at the same time (e.g. Updating Table 1's columns also updates Table 2's columns synchronously). See the following <a href="http://jsfiddle.net/euka4rm3/" rel="nofollow noreferrer" title="JSFiddle">JSFiddle</a> for an interactive implementation of the plugin.</p>
  
  <pre><code>$("#sample").colResizable({liveDrag:true});
  
  $("#sample2").colResizable({
      liveDrag:true,
      gripInnerHtml:"&lt;div class='grip'&gt;&lt;/div&gt;", 
      draggingClass:"dragging" });
  </code></pre>
  
  <p>I've noticed you can specify a callback function such as <code>onDrag</code> that consistently fires when 'dragging' a column. While this helps me get closer to a solution, I am still unaware of a concrete method to synchronize the tables' updates.</p>
  
  <p>I am looking to avoid modifying the source if possible and find a suitable JS/JQ solution.</p>