0
votes

Données interrogeables cachées dans DataTable

J'ai une table de données contenant tous les emplacements de magasin dans une base de données. Ces données pouvant être recherchées à travers tant que ces données sont visiblement dans le tableau.

 Entrez la description de l'image ici

Si nous ouvrons le magasin individuel, nous voyons d'autres données telles que un ID de circuit de GT / HRTT / 487694 / / THC / . .

 Entrez la description de l'image ici

Je veux pouvoir effectuer une recherche dans ces données en ajoutant une colonne cachée dans le tableau de données. Est-ce possible, et si oui, que je cherche (les recherches ne produisent aucun résultat)?


0 commentaires

3 Réponses :


1
votes

Ceci est la fonctionnalité par défaut avec Datables, il suffit de définir visible: false code> sur la colonne pour la masquer et que l'algorithme de recherche recherchera toujours la colonne. Voici un exemple, avis que j'ai caché la colonne code> code> mais vous pouvez toujours rechercher compte code> et trouver les 2 lignes;

p>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.19/css/jquery.dataTables.min.css">

<table id="example" class="display" width="100%"></table>


1 commentaires

YUPP a compris cela juste avant. :) acceptera cela pour l'exemple, cependant!



0
votes

La solution était assez simple. J'ai simplement ajouté une colonne de données (6ème colonne), puis utilisée le paramètre visible: false code> tout en permettant interrogeable code> pour rester vrai code>.

$('#store_table').DataTable( {
        "columnDefs": [
            {
                "targets": [ 5 ],
                "visible": false
            }
        ]
    } );


0 commentaires

0
votes

Appliquer une visibilité sur FALSE et interrogeable à true pour cet attribut de colonne particulier comme ci-dessous,

var table = $ ('exemple #' '). Datatable ({ Sélectionnez: Faux, "colonnesDefs": [{ Nom de classe: "Nom", "objectifs": [0], "visible": faux, "Recherche": vrai }] });


0 commentaires