Tables de données - Zone de recherche en dehors de la table de données

Question

J’utilise des DataTables (datatables.net) et j’aimerais que ma zone de recherche soit en dehors de la table (par exemple dans mon div d’en-tête).

Est-ce possible ?

Answer 1

Vous pouvez utiliser l’API DataTables pour filtrer la table. Il vous suffit donc de votre propre champ d’entrée avec un événement keyup qui déclenche la fonction de filtre sur DataTables. Avec css ou jquery, vous pouvez masquer / supprimer le champ de saisie de recherche existant. Ou peut-être que DataTables a un paramètre pour le supprimer / ne pas l’inclure.

Consultez la documentation de l’API Datatables à ce sujet.

exemple:

HTML

Js

Answer 2

Selon @lvkz commentaire :

si vous utilisez datatable avec d majuscule `` (cela renverra un objet API Datatable), utilisez ceci :

ce qui est @netbrain réponse.

si vous utilisez datatable avec d `` minuscules (cela renverra un objet jquery), utilisez ceci :

Answer 3

Celui-ci m’a aidé pour DataTables Version 1.10.4, parce que sa nouvelle API