Mémento : DataTables

Initialisation

1
2
3

$(document).ready( function () {
    $('#myTable').DataTable();
} );

dom - Options

Permet de définir les contrôles et leur ordre d’apparition sur le tableau. Plus de détail sur la documentation officielle.

Valeur par défaut : lfrtip

• l - length changing input control
• f - filtering input (zone de recherche)
• t - The table! (le tableau, permet d’indiquer sa position)
• i - Table information summary
• p - pagination control (contrôle de pagination)
• r - processing display element

Des extensions sont disponibles :

• B - Buttons
• R - ColReorder
• S - Scroller
• P - SearchPanes

Il est possible de gérer l’affichage des boutons avec les options suivantes :

dom: "Bfrtip",
buttons: [
    'copy', 'pdf'
]

Traduction française

Un plug-in en français est disponible. On peut référencer directement le CDN ou bien télécharger le fichier JSON pour le référencer directement sur le site.

1
2
3
4
5

$("#myTable").DataTable({
    "language": {
        "url": "//cdn.datatables.net/plug-ins/1.10.20/i18n/French.json"
    },
});

Annuler une requête Ajax

Pas de méthode officielle prévue mais possibilité d’accéder à une variable privée interne, avec le risque de changement sur une version plus récente.

1

$("#myTable").DataTable().settings()[0].jqXHR.abort();

Liens utiles

Site officiel