Mutiple DataTables with TableTools within jQuery UI tabs.

I have two data tables in two separate tabs of jQuery UI. I have verified that both tables are shown when they are initialized. Both tables are initialized before the jQuery tabs section is initialized. However, the "flash" object for the TableTools buttons are not shown in one initialization. Below are snippets of the rendered HTML for the two DTTT_containers. You can see that there is no height nor width for the invalid table tool objects.

I have a DataTables Debugger link that I can provide privately.

Invalid HTML:

    <div class="DTTT_container">
    <button class="DTTT_button DTTT_button_xls" id="ToolTables_manualSearchTable_0">
      <span>Excel</span>
    </button> 
    <button class="DTTT_button DTTT_button_pdf" id="ToolTables_manualSearchTable_1">
      <span>PDF</span>
    </button>
    <div style="position: absolute; left: 0px; top: 0px; width: 0px; height: 0px; z-index: 99;">
      <embed width="0" height="0" align="middle" wmode="transparent" flashvars="id=1&amp;width=0&amp;height=0"
      pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" allowfullscreen="false"
      allowscriptaccess="always" name="ZeroClipboard_TableToolsMovie_1" bgcolor="#FFFFFF" quality="best" menu="false" loop="false"
      src="/vsjs/jQuery/plugins/TableTools/2_0_3/media/swf/copy_csv_xls_pdf.swf" id="ZeroClipboard_TableToolsMovie_1" />
    </div>
    <div style="position: absolute; left: 0px; top: 0px; width: 0px; height: 0px; z-index: 99;">
      <embed width="0" height="0" align="middle" wmode="transparent" flashvars="id=2&amp;width=0&amp;height=0"
      pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" allowfullscreen="false"
      allowscriptaccess="always" name="ZeroClipboard_TableToolsMovie_2" bgcolor="#FFFFFF" quality="best" menu="false" loop="false"
      src="/vsjs/jQuery/plugins/TableTools/2_0_3/media/swf/copy_csv_xls_pdf.swf" id="ZeroClipboard_TableToolsMovie_2" />
    </div></div>

valid HTML:

      <div class="DTTT_container">
      <button class="DTTT_button DTTT_button_xls" id="ToolTables_potentialMatchTable_0">
        <span>Excel</span>
      </button> 
      <button class="DTTT_button DTTT_button_pdf" id="ToolTables_potentialMatchTable_1">
        <span>PDF</span>
      </button>
      <div style="position: absolute; left: 1px; top: 1px; width: 49px; height: 28px; z-index: 99;">
        <embed width="49" height="28" align="middle" wmode="transparent" flashvars="id=3&amp;width=49&amp;height=28"
        pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" allowfullscreen="false"
        allowscriptaccess="always" name="ZeroClipboard_TableToolsMovie_3" bgcolor="#FFFFFF" quality="best" menu="false"
        loop="false" src="/vsjs/jQuery/plugins/TableTools/2_0_3/media/swf/copy_csv_xls_pdf.swf"
        id="ZeroClipboard_TableToolsMovie_3" />
      </div>
      <div style="position: absolute; left: 50px; top: 1px; width: 43px; height: 28px; z-index: 99;">
        <embed width="43" height="28" align="middle" wmode="transparent" flashvars="id=4&amp;width=43&amp;height=28"
        pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" allowfullscreen="false"
        allowscriptaccess="always" name="ZeroClipboard_TableToolsMovie_4" bgcolor="#FFFFFF" quality="best" menu="false"
        loop="false" src="/vsjs/jQuery/plugins/TableTools/2_0_3/media/swf/copy_csv_xls_pdf.swf"
        id="ZeroClipboard_TableToolsMovie_4" />
      </div></div>

Thanks.


Marc