Problem to use two options (tableTool + jQuery UI themes)

Problem to use two options (tableTool + jQuery UI themes)

Super_carotteSuper_carotte Posts: 11Questions: 1Answers: 0
edited October 2013 in TableTools
Hello,
FIrstly, thank you for developing Datatable, it is so usefull :)

I have problems to use both TableTool:
http://www.datatables.net/release-datatables/extras/TableTools/
and jQuery UI themes:
http://www.datatables.net/release-datatables/examples/basic_init/themes.html

When i try to use those two options on the same page, export button work but there is not the "good looking" theme of UI theme anymore.
Is it possible to use them at the same time? (I use UI theme because it looks beter, only for good looking. If it is not possible to use both a the same time, i will remove UI theme)

Here is my code (I modified the paths but i checked on firebug and all path are good on my localhost):

myproject/index.php:
[code]
<!-- Les CSS Datatables -->




<!-- Datatables -->





$(document).ready(function() {
oTable = $('#example').dataTable({
"bJQueryUI": true,
"sPaginationType": "full_numbers",
"aaSorting": [[ 3, "desc" ]],
"sDom": 'T<"clear">lfrtip',
"oTableTools": {
"sSwfPath": "libs/datatables/media/swf/copy_csv_xls_pdf.swf"
}
});
} );

[/code]

Thanks for your help,
Benjamin

Replies

  • allanallan Posts: 56,203Questions: 1Answers: 8,902 Site admin
    The sDom default when using bJQueryUI is: `<"H"lfr>t<"F"ip>` (from the documentation). So to use TableTools you might want to use something like: `<"H"Tfr>t<"F"ip>` .

    There is an example on the site here: http://datatables.net/release-datatables/extras/TableTools/theme.html

    Allan
  • Super_carotteSuper_carotte Posts: 11Questions: 1Answers: 0
    Thank you very much Allan, I will try this way :)
  • Super_carotteSuper_carotte Posts: 11Questions: 1Answers: 0
    I have only one last question, is it possible to add the possibility to choose the number of line the user wants to display?
    It disapear with these options.
  • allanallan Posts: 56,203Questions: 1Answers: 8,902 Site admin
    Yes - add the `l` option back into sDom .

    Allan
  • Super_carotteSuper_carotte Posts: 11Questions: 1Answers: 0
    Thank you, it works well.
    I modified CSS to move exports button to the right, everything is exactly where i want.

    Thank you for your help,
    Regards,
    Benjamin.
This discussion has been closed.