$(document).ready(function() {
$('#example').dataTable({
« sScrollX » : « 100 % », // largeur du tableau
« sScrollXInner » : « 110 % », //Largeur du contenu du tableau
« bScrollCollapse » : true, //Lorsque les données affichées ne sont pas assez grandes pour supporter la hauteur par défaut du tableau, la barre de défilement verticale reste affichée. (Le défaut est faux)
« bPaginate » : vrai, //que la pagination soit affichée
« bLengthChange » : true, //Nombre d’enregistrements affichés par page
« bFilter » : true, //barre de recherche
« bSort » : vrai, //si la fonction de tri est prise en charge
« bInfo » : vrai, //Affiche les informations du tableau
« bAutoWidth » : faux, //Largeur adaptative
« aaSorting » : [[1, « asc"]], //Trie la liste, le premier paramètre représente le tableau (à partir de 0). 1 indique la colonne Navigateur. Le second paramètre est desc ou asc
« Colonnes d’Attaque » : [
null,
null,
{
« bVisible » : vrai, //invisible
« bSearchable » : faux, //participe à la recherche
},
null,
null
], // paramètres de colonne, il y a plusieurs colonnes dans le tableau, et plusieurs éléments dans le tableau
« bStateSave » : vrai, //Enregistrer l’état sur cookie *************** est important, lorsque la page est rafraîchie lors de la recherche, la recherche disparaît. Cette propriété peut être évitée
« sPaginationType » : « full_numbers », //pagination, deux styles, full_numbers et two_button (par défaut)
« oLanguage » : {
« sLengthMenu » : « Afficher les enregistrements _MENU_ par page »,
« sZeroRecords » : « Désolé, aucune donnée pertinente ne peut être interrogée »,
« sInfo » : « Affichage actuel de _START_ à _END_ pour les enregistrements _TOTAUX_ »,
« sInfoEmtpy » : « Aucune donnée trouvée »,
« sInfoFiltered » : « Un total d’enregistrements _MAX_ dans la table de données) »,
« sProcessing » : « Chargement... »,
« sSearch » : « search »,
« sUrl » : « », //fichier de configuration multilingue, qui permet de mettre les paramètres oLanguage dans un fichier txt, par exemple Javascrip{filter}t/datatable/dtCH.txt
« oPaginate » : {
« sFirst » : « première page »,
« Précédent » : « Précédent »,
« sNext » : « Next »,
« sLast » : « Dernière page »
}
}, //Configuration multilingue
« bJQueryUI » : false, //On peut ajouter le thème UI de jqury nécessite d’ajouter du CSS
« aLengthMenu » : [[10, 25, 50, -1, 0], [« 10 entrées par page », « 25 entrées par page », « 50 entrées par page », « afficher toutes les données », « ne pas afficher les données »]] // Configurez le menu déroulant pour afficher les enregistrements par page
});
});
Appelez directement les réglages par défaut
$('#example').dataTable() ;
|
Publié sur 02/11/2015 16:47:09
|
|
|
|
