$(document).ready(function() {
$('#example').dataTable({
"sScrollX": "100%", // Breite der Tabelle
"sScrollXInner": "110%", //Breite des Inhalts der Tabelle
"bScrollCollapse": true, //Wenn die angezeigten Daten nicht groß genug sind, um die Standardgröße der Tabelle zu unterstützen, wird die vertikale Scrollleiste weiterhin angezeigt. (Default ist falsch)
"bPaginate": wahr, //ob die Paginierung angezeigt wird
"bLengthChange": wahr, //Anzahl der pro Seite angezeigten Datensätze
"bFilter": true, //Suchleiste
"bSort": true, //ob die Sortierfunktion unterstützt wird
"bInfo": true, //Zeigt Tabelleninformationen an
"bAutoWidth": False, //Adaptive Breite
"aaSorting": [[1, "asc"]], //Sortiere die Liste, der erste Parameter stellt das Array dar (beginnend bei 0). 1 zeigt die Spalte Browser. Der zweite Parameter ist desc oder asc
"aoColumns": [
null,
null,
{
"bVisible": wahr, //invisible
"bSearchable": falsch, //beteiligen Sie sich an der Suche
},
null,
null
], // Spalteneinstellungen, gibt es mehrere Spalten in der Tabelle und mehrere Elemente im Array
"bStateSave": true, //Save State to Cookie *************** ist wichtig, wenn die Seite beim Suchen aktualisiert wird, verschwindet die Suche. Diese Eigenschaft kann vermieden werden
"sPaginationType": "full_numbers", //pagination, zwei Stile, full_numbers und two_button (Standard)
"oLanguage": {
"sLengthMenu": "Zeigt _MENU_ Datensätze pro Seite an",
"sZeroRecords": "Entschuldigung, relevante Daten können nicht abgefragt werden",
"sInfo": "Derzeit werden _START_ bis _END_ für _TOTAL_ Datensätze angezeigt",
"sInfoEmtpy": "Keine Daten gefunden",
"sInfoFiltered": "Insgesamt _MAX_ Datensätze in der Datentabelle)",
"sProcessing": "Lädt...",
"sSearch": "Search",
"sUrl": "", //Mehrsprachige Konfigurationsdatei, die es ermöglicht, oLanguage-Einstellungen in eine txt-Datei einzufügen, z. B. Javascrip{filter}t/datatable/dtCH.txt
"oPaginate": {
"sErst": "erste Seite",
"sVorher": "Vorher",
"sNext": "Next",
"sLetzte": "Letzte Seite"
}
}, //Mehrsprachige Konfiguration
"bJQueryUI": false, //Du kannst das UI-Theme von jqury hinzufügen, erfordert das Hinzufügen von CSS
"aLengthMenu": [[10, 25, 50, -1, 0], ["10 Einträge pro Seite", "25 Einträge pro Seite", "50 Einträge pro Seite", "alle Daten anzeigen", "Daten nicht anzeigen"]] // Stellen Sie das Dropdown-Menü so ein, dass Einträge pro Seite angezeigt werden
});
});
Ruf direkt die Standardeinstellungen auf
$('#example').dataTable();
|
Veröffentlicht am 02.11.2015 16:47:09
|
|
|
|
