title: Cannot get Datatables and Jquery Tabs to display correctly
body: <p>there is a working example on the datatables website here:
  <a href="http://datatables.net/release-datatables/examples/api/tabs_and_scrolling.html" rel="nofollow">http://datatables.net/release-datatables/examples/api/tabs_and_scrolling.html</a></p>
  
  <p>BUT, i believe the example is using jquery-ui 1.8 something and this example no long work for the newer versions of jquery-ui.  Specifically this code:</p>
  
  <pre><code>"show": function(event, ui) {
    var table = $.fn.dataTable.fnTables(true);
    if ( table.length &gt; 0 ) {
      $(table).dataTable().fnAdjustColumnSizing();
    }
  }
  </code></pre>
  
  <p>i believe the "show" event is deprecated:  <a href="http://jqueryui.com/upgrade-guide/1.9/#deprecated-show-event-renamed-to-activate" rel="nofollow">http://jqueryui.com/upgrade-guide/1.9/#deprecated-show-event-renamed-to-activate</a></p>
  
  <p>i tried replacing "show" with "activate", but it doesn't seem to work.  Has anyone else has this problem?  i can't figure out how to make it work. </p>