So verbergen Sie "Anzeigen von 1 von N Einträgen" in der Bibliothek "dataTables.js"

91

Wie entferne ich die Textzeile "1 von N Einträgen anzeigen" in einer Datentabelle (dh bei Verwendung der Datentabellen der Javascript-Bibliothek? Ich glaube, ich habe nach etwas in dieser Richtung gesucht ...

 $('#example').dataTable({
      "showNEntries" : false
       });

Ich bin mir ziemlich sicher, dass dies einfach ist, kann es aber nicht in den Dokumenten finden.

nickL
quelle

Antworten:

251

Sie können es mit der bInfoOption entfernen ( http://datatables.net/usage/features#bInfo ).

   $('#example').dataTable({
       "bInfo" : false
   });

Update: Seit Datatables 1.10. * Kann diese Option als verwendet werden infound bInfofunktioniert immer noch im aktuellen nächtlichen Build (1.10.10).

BMH
quelle
3
Dies ist eine bessere Antwort als meine, wenn Sie sie nur verstecken möchten. Wenn Sie es stylen müssen, ist es schön, dass Allan jedes Element in eine eigene Klasse eingeschlossen hat, damit Sie es erreichen können.
Daiku
Ich mag diese Antwort auch am liebsten, weil sie auf die dataTable-Parameter gerichtet bleibt, aber danke auch Daiku, da ich eine Wahl habe ... Nick
nickL
Dies macht die Unterbrechung des Tabellentyps "bearbeitbar" (es ist unmöglich, Zeilen zu bearbeiten oder zu speichern).
Jovan
@jovan Ich glaube nicht, dass diese Option "bearbeitbar" beeinträchtigen kann. Haben Sie ein Beispiel (jsfiddle vielleicht), das ich für Sie prüfen kann?
BMH
1
@BMH Ich habe es zum Laufen gebracht - um ehrlich zu sein, ich erinnere mich nicht einmal mehr an das Problem!
Jovan
8

Wenn Sie das Dropdown-Menü deaktivieren müssen (um den Text nicht auszublenden), setzen Sie die lengthChangeOption auffalse

$('#datatable').dataTable( {
  "lengthChange": false
} );

Funktioniert für DataTables 1.10+

Lesen Sie mehr in der offiziellen Dokumentation

Arian Acosta
quelle
7
Dies verbirgt das Dropdown. Es verbirgt nicht den Text "zeigt 1 von N Einträgen"
Devlin Carnate
4

Nun scheint dies zu funktionieren:

$('#example').DataTable({
  "info": false
});

es verbirgt das divinsgesamt

Irf
quelle
3

Versuchen Sie dies zum Verstecken

$('#table_id').DataTable({
  "info": false
});

und versuchen Sie dies für die Änderung der Bezeichnung

$('#table_id').DataTable({
 "oLanguage": {
               "sInfo" : "Showing _START_ to _END_ of _TOTAL_ entries",// text you want show for info section
            },

});
Säugetier
quelle