DT 1.10 - copyhtml5 message

deliator

Hello,

This is the code executed in a dialog box.
The message "Données copiées" is displayed outside de boundaries of my dialog box ...
I want it to be diospalyed inside the dialog box.

Idea ?

Regards,

Marc

        $(document).ready(function() {
             oTable = $('#ListeOffres').DataTable( {
                iDisplayLength: 10,
                select: 'single',
                dom: 
                "<'row'<'col-sm-3'l><'col-sm-6 text-center'B><'col-sm-3 text-right'f>>" +
                "<'row'<'col-sm-12'tr>>" +
                "<'row'<'col-sm-5'i><'col-sm-7'p>>",
                buttons: [           
                     {
                        extend: 'excelHtml5',
                        className: 'btn-default',
                        title: titreExport
                     },
                     {
                        extend: 'copyHtml5',
                        text: 'Copie toutes les pages',
                        className: 'btn-default'
                     }, 
                     {
                        extend: 'copyHtml5',
                        text: 'Copie la page affichée',
                        exportOptions: {
                            modifier: {
                                page: 'current'
                            }
                        }
                    }
                ],          
                    language: {
                        search:         "<i class='fa fa-search' aria-hidden='true'></i>&nbsp;&nbsp;",
                        lengthMenu:     "Afficher _MENU_ &eacute;l&eacute;ments",
                        info:           "Affichage de l'&eacute;lement _START_ &agrave; _END_ sur _TOTAL_ &eacute;l&eacute;ments",
                        infoEmpty:      "Affichage de l'&eacute;lement 0 &agrave; 0 sur 0 &eacute;l&eacute;ments",
                        infoFiltered:   "(filtr&eacute; de _MAX_ &eacute;l&eacute;ments au total)",
                        infoPostFix:    "",
                        loadingRecords: "Chargement en cours...",
                        zeroRecords:    "Aucun &eacute;l&eacute;ment &agrave; afficher",
                        emptyTable:     "Aucune donn&eacute;e disponible dans le tableau",
                        paginate: {
                            first:      "Début",
                            previous:   "Pr&eacute;c&eacute;dent",
                            next:       "Suivant",
                            last:       "Fin"
                            },
                        buttons: {
                            header: true,
                            copyTitle: 'Données copiées',
                            copySuccess: {
                                1: "Une ligne copiée",
                                _: "%d lignes copiées"
                            },
                        }                       
                    },
                } 
            );
        } );

allan

Happy to take a look at the issue if you could post a link to the page please or otherwise create a test case using JSFiddle or http://live.datatables.net .

Allan

deliator

Allan,

It works now
I just added :

<link href="https://cdn.datatables.net/buttons/1.2.4/css/buttons.dataTables.min.css" rel="stylesheet" type="text/css" />

By the way thanks :-)