table tools not working as expected.

Sudipta

I am using Data tables table tools plugin to convert a table in my project to pdf and xls file. But the problem is that the clickable area differs from the original button. The button is near the middle of the page and I need to click top left corner to activate the button. How to solve this?

allan

http://datatables.net/forums/discussion/12899/post-test-cases-when-asking-for-help-please-read

Please link to a test case.

Allan

Sudipta

in my code i have something following :

(in )
>$(document).ready( function () {
$('#CirInfo').dataTable( {
"bJQueryUI": true,
"sPaginationType": "full_numbers",
"sDom": 'T<"H"fr>t<"F"ip>',
"oTableTools": {
"sSwfPath": "../../script/DataTables/DataTablesLib/extras/TableTools/media//swf/copy_csv_xls_pdf.swf",
"aButtons": [
{
"sExtends": "pdf",
"sButtonText": "Save as PDF"
},
{
"sExtends": "xls",
"sButtonText": "Save as Excel"
}
]
}
} );
} );

________________________________________(CirInfo is my table name which is dynamically generated.)

when i open this page on browser there is:
which is i think the root of the problem....
if i change it manually to 'position: relative' everything works fine

how to change it then?

allan

Alter the script I guess? I need a link to a test case showing the problem to be able to offer any help - otherwise I'm just guessing, as noted in the post I linked to.