Comment supprimer la barre de recherche et le pied de page ajoutés par le plugin jQuery DataTables ?

Question

J'utilise jQuery DataTables .

Je souhaite supprimer la barre de recherche et le pied de page (indiquant le nombre de lignes visibles) qui sont ajoutés au tableau par défaut. Je veux juste utiliser ce plugin pour le tri, essentiellement. Est-ce possible ?

Answer 1

Pour DataTables >=1.10 utiliser :

$('table').dataTable({searching: false, paging: false, info: false});

Pour DataTables <1.10 utiliser :

$('table').dataTable({bFilter: false, bInfo: false});

ou en utilisant du pur CSS :

.dataTables_filter, .dataTables_info { display: none; }

Answer 2

Vérifiez http://www.datatables.net/examples/basic_init/filter_only.html pour obtenir une liste des fonctions à afficher/masquer.

Ce que vous voulez, c'est mettre "bFilter" et "bInfo" à false ;

$(document).ready(function() {
    $('#example').dataTable( {
        "bPaginate": false,
        "bFilter": false,
        "bInfo": false
                 } );
} );

Answer 3

Vous pouvez également ne pas dessiner du tout l'en-tête ou le pied de page en définissant le paramètre suivant sDom : http://datatables.net/usage/options#sDom

'sDom': 't' 

n'affichera QUE le tableau, sans en-tête ni pied de page ni rien d'autre.

On en parle un peu ici : http://www.datatables.net/forums/discussion/2722/how-to-hide-empty-header-and-footer/p1

Answer 4

Une méthode rapide et simple consiste à trouver la classe du pied de page et à la masquer en utilisant jQuery ou CSS :

$(".dataTables_info").hide();

Answer 5

si vous utilisez lemeroller :

.dataTables_wrapper .fg-toolbar { display: none; }