Wie initialisiere ich bestimmte Tabellen ohne Suchfilter und Längenauswahlmenü?DataTables - Ich möchte nicht die Such-/Filter- und Längenoptionen für einige Tabellen
Offenbar kann es mit der sDom Option gemacht werden, aber die Dokumentation ist ziemlich schlecht und ich kann nicht genau verstehen, was ich tun soll.
http://datatables.net/usage/options#sDom
Sie auf false solche Eigenschaften bei der Initialisierung von Datentabelle einstellen:
"bFilter" : false,
"bLengthChange": false
Ich bin damit einverstanden, dass sDom heikel ist, habe ich den Dreh raus zu durch Üben. Führen Sie das folgende Beispiel aus und sehen Sie, dass die "Info" oben angezeigt wird. Ersetzen Sie sDom durch "sDom": "rtlp" und sehen Sie, dass die Informationen verschwinden. Jetzt benutze "sDom": 'rtil' und siehe Info ist wieder unten, aber Paging ist weg. Experimentiere weiter und du wirst es bekommen.
<!DOCTYPE html>
<html>
<head>
<link href="demo_table.css" rel="stylesheet">
</head>
<body>
<table class="display dataTable" id="example">
<thead>
<tr role="row">
<th>Rendering engine</th>
<th>Browser</th>
<th>Platform(s)</th>
<th>Engine version</th>
<th>CSS grade</th>
</tr>
</thead>
</table>
<script src="jquery.js"></script>
<script src="jquery.dataTables.min.js"></script>
<script type="text/javascript" charset="utf-8">
$(document).ready(function() {
$('#example').dataTable({
"aaData": [
[ "Trident", "Internet Explorer 4.0", "Win 95+", 4, "X" ],
[ "Gecko", "Firefox 3", "Win 2k+/OSX.3+", 1.9, "A" ],
[ "Webkit", "Safari 3.0", "OSX.4+", 522.1, "A" ]
],
"sDom": '<"top"i>rtlp'
});
});
</script>
</body>
</html>
Ohne Suchfilter und Länge
var options = {"sDom": 'rtip'}
var myDataTable = $('#myDataTable')
myDataTable.dataTable(options)
Hier ist ein Beispiel aus der offiziellen Dokumentation: https://datatables.net/examples/basic_init/dom.html
Seit Datentabellen 1.10 können Sie diese zwei Optionen zur Verfügung:
"lengthChange": false
"searching": false
Voll Beispiel:
$('#example').dataTable({
"lengthChange": false,
"searching": false
});
Matt sind Sie völlig falsch. Hinzufügen von '" lengthMenu ": [[...], [....]]' und Ändern des Werts für diesen Parameter können Sie so viel wie das gewünschte Element anzeigen. Wie Sie können 20 oder 30 Artikel programmgesteuert zeigen und auch die Label-Show und Drop-Down-Box (die normalerweise erscheinen, wenn Sie nicht verwenden "bLengthChange": false) verschwindet. –