web-dev-qa-db-fra.com

DataTables - Je ne veux pas les options de recherche / filtre et de longueur sur certaines tables

Comment initialiser des tableaux spécifiques sans le filtre de recherche et le menu de sélection de longueur?

Apparemment, cela peut être fait avec l'option sDom, mais la documentation est assez mauvaise et je ne comprends pas exactement ce que je suis censé faire.

http://datatables.net/usage/options#sDom

jquery-datatables
27
BadHorsie

Vous pouvez définir sur false ces propriétés lors de l'initialisation de la table de données:

"bFilter" : false,               
"bLengthChange": false
88
Smiter

Puisque Datatables 1.10 vous pouvez utiliser ces 2 options:

Exemple complet: 

$('#example').dataTable( {
  "lengthChange": false,
  "searching": false
} );
19
Guy

Sans filtre de recherche ni longueur

var options = {"sDom": 'rtip'}
var myDataTable = $('#myDataTable')  
myDataTable.dataTable(options)

Voici un exemple de la documentation officielle: https://datatables.net/examples/basic_init/dom.html

5
Vadym Tyemirov

Je suis d'accord que sDom est délicat, je l'ai compris en pratiquant. Exécutez l'exemple ci-dessous et voyez que "l'info" apparaîtra en haut. Remplacez sDom par "sDom": 'rtlp' et voyez les informations disparaître. Maintenant, utilisez "sDom": 'rtil' et voyez que les informations sont de retour en bas, mais la pagination a disparu. Continuez à expérimenter et vous l'obtiendrez.

<!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>
3
Matt Shirilla