web-dev-qa-db-fra.com

Comment utiliser la zone de sélection à l'extérieur pour filtrer les tableaux de données?

J'utilise le plug-in DataTables Table pour jQuery mais j'ai du mal à obtenir que la zone de recherche d'entrée globale soit une zone de sélection.

Avec l'option sDOMlrtip, l'entrée de filtrage n'est pas affichée mais est-il possible d'afficher la boîte de sélection et d'obtenir le datatable à filtrer en fonction du changement de la boîte de sélection?

JS: 

$(document).ready(function() {
    var table = $('#table_page').DataTable( {
        paging:   true,
        ordering: false,        
        info:     true,
        searching: true, 
        sDom: "lrtip" // default is lfrtip, where the f is the filter
    });
});

HTML: 

<table id="table_page" class="display cell-border" width="100%">
    <thead>
        <tr>
            <th>Column 1</th>
            <th>Column 2</th>
        </tr>
    </thead>
</table>
jquerysearchdrop-down-menudatatablesfiltering
6
LeMoussel

Vous pouvez utiliser search() méthode API pour effectuer une recherche globale par programme et dom option pour désactiver le contrôle de recherche intégré.

Par exemple:

var table = $('#example').DataTable({
   dom: 'lrtip'
});

$('#table-filter').on('change', function(){
   table.search(this.value).draw();   
});

Voir cet exemple pour le code et la démonstration. Voir cet exemple , si vous souhaitez remplacer le champ de recherche par défaut.

14
Gyrocode.com