DataTables
Advanced interaction
features for your tables.
Editor
Comprehensive editing
library for DataTables.
Manual
Download
≡ Show site navigation

Tabletools and tabs

Tabletools and tabs

ksneha88ksneha88 Posts: 16Questions: 1Answers: 0
in Free community support

Hi All

i have an ajax loaded page on one of the tabs which has tabletools and also current page has tab content with tabletools both of the pages impoting datatbles and tabletools js and css, and tabletools buttons does not work on current page.

I have another page with ajax loaded content on one of the tab and does not have datatables/tabletools , then the current page tabletools buttons work on click.

I observed that when the ajax loaded page has datatables js and tabletools js referred then somehow the current page tabletools buttons wont work.

I used
var ttInstances = TableTools.fnGetMasters();
for (i in ttInstances) {
if (ttInstances[i].fnResizeRequired())
ttInstances[i].fnResizeButtons();
}

to resize buttons on each of the tabs still cant get it workk with ajax loaded tab having tabletools.

Please help me solving this issue

Replies

  • ksneha88ksneha88 Posts: 16Questions: 1Answers: 0

    I am using jquery 1.7.2 and TableTools 2.2.1 with DataTables 1.9.4

  • ksneha88ksneha88 Posts: 16Questions: 1Answers: 0
    edited February 2015

    I observed that the Div does not get attached to the save CSV tabletools button:

    When working div attached is :

    <div style="position: absolute; left: 0px; top: 0px; width: 117px; height: 29px; z-index: 99;">

<embed id="ZeroClipboard_TableToolsMovie_1" width="117" height="29" align="middle" wmode="transparent" flashvars="id=1&width=0&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="/scripts/TableTools/swf/copy_csv_xls_pdf.swf">
</div>

    When not working div is as follows:

    <div style="position: absolute; left: 0px; top: 0px; width: 0px; height: 0px; z-index: 99;">

<embed id="ZeroClipboard_TableToolsMovie_1" width="0" height="0" align="middle" wmode="transparent" flashvars="id=1&width=0&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="/scripts/TableTools/swf/copy_csv_xls_pdf.swf">
</div>

    how to expliciitly write code so that this div is attached ??? PLease suggest

  • felixgillfelixgill Posts: 24Questions: 7Answers: 0

    was this ever answered or addressed ... i just ran into the same issue

This discussion has been closed.

DataTables

DataTables designed and created by SpryMedia Ltd.
© 2007-2023 MIT licensed. Privacy policy. Supporters.
SpryMedia Ltd is registered in Scotland, company no. SC456502.