Problem with bJQueryUI
Problem with bJQueryUI
Hi people, first of all thanks for this awesome JQuery Plugin its really helpfull when you need to show some dinamic results from a D.B even more with the TableTools save options.
Im having some trouble using the bJQueryUI beacuse when im using the Excel PDF or coppy buttons the header and footer from DataTable its not being shown, here the examples:
How it should be: http://datatables.net/release-datatables/extras/TableTools/theme.html
How really looks like: http://datatables.net/extras/tabletools/
Here's my code
[code]
$(document).ready(function() {
$('#tabla').dataTable( {
"bProcessing": true,
"aaSorting": [],
"bJQueryUI": true,
"sDom": 'T<"clear">lfrtip',
"oTableTools": {
"sSwfPath" : "../DataTables-1.9.2/TableTools-2.1.2/media/swf/copy_csv_xls_pdf.swf",
"aButtons": [
"copy",
"print",
"xls",
"pdf",
]
},
"sAjaxSource": 'listado_pacientes.php',
"oLanguage": {"sUrl": "../DataTables-1.9.2/es.txt"},
"sPaginationType": "full_numbers",
"bAutoWidth": false
} );
} );
[/code]
The data table is running well with the Database I just need to solve this little issue but im really noob about CSS
Im having some trouble using the bJQueryUI beacuse when im using the Excel PDF or coppy buttons the header and footer from DataTable its not being shown, here the examples:
How it should be: http://datatables.net/release-datatables/extras/TableTools/theme.html
How really looks like: http://datatables.net/extras/tabletools/
Here's my code
[code]
$(document).ready(function() {
$('#tabla').dataTable( {
"bProcessing": true,
"aaSorting": [],
"bJQueryUI": true,
"sDom": 'T<"clear">lfrtip',
"oTableTools": {
"sSwfPath" : "../DataTables-1.9.2/TableTools-2.1.2/media/swf/copy_csv_xls_pdf.swf",
"aButtons": [
"copy",
"print",
"xls",
"pdf",
]
},
"sAjaxSource": 'listado_pacientes.php',
"oLanguage": {"sUrl": "../DataTables-1.9.2/es.txt"},
"sPaginationType": "full_numbers",
"bAutoWidth": false
} );
} );
[/code]
The data table is running well with the Database I just need to solve this little issue but im really noob about CSS
This discussion has been closed.
Replies
See the sDom documentation: sDom .
You need to modify it for jQuery UI. Something like: `"sDom": '<"H"Tfr>t<"F"ip>',` .
Allan
Yes you could do that if you want to show the list as a table.
Allan