Come inizializzare le tabelle specifiche senza il filtro di ricerca e il menu di selezione della lunghezza?DataTable - Non desidero le opzioni di ricerca/filtro e lunghezza su alcune tabelle
Apparentemente può essere fatto con l'opzione sDom, ma la documentazione è piuttosto scadente e non riesco a capire esattamente cosa dovrei fare.
http://datatables.net/usage/options#sDom
È possibile impostare a false tali proprietà durante l'inizializzazione di DataTable:
"bFilter" : false,
"bLengthChange": false
Sono d'accordo che Sdom è difficile, ho avuto il blocco di esso da praticare. Esegui l'esempio qui sotto e vedi le "informazioni" appariranno in alto. Sostituisci sDom con "sDom": "rtlp" e vedi le informazioni scompaiono. Ora usa "sDom": "rtil" e vedi le informazioni sono tornate in fondo, ma il paging è sparito. Continua a sperimentare e lo otterrai.
<!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>
Senza filtro di ricerca e la lunghezza
var options = {"sDom": 'rtip'}
var myDataTable = $('#myDataTable')
myDataTable.dataTable(options)
Ecco un esempio dalla documentazione ufficiale: https://datatables.net/examples/basic_init/dom.html
Dal DataTable 1.10 è possibile utilizzare queste 2 opzioni:
"lengthChange": false
"searching": false
esempio completa:
$('#example').dataTable({
"lengthChange": false,
"searching": false
});
Matt si sono completamente sbagliato. Aggiungendo '" lengthMenu ": [[...], [....]]' e modificando il valore su questo parametro puoi mostrare quanto vuoi. Come se tu potessi mostrare 20 o 30 voci a livello di codice e anche l'etichetta mostra e lascia cadere la casella (che normalmente appare se non usi '" bLengthChange ": false') scomparirà. –