Jquery recherche dans un tableau
Bonjour à tous, pourriez vous m'aider?
Voilà j'ai un tableau de cette forme,
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
| echo '<table class="table table-hover table-primary nomargin">';
echo '<th class="text-center"> Hostname </th>';
echo '<th class="text-center"> Prenom </th>';
echo '<th class="text-center"> Nom </th>';
echo '<th class="text-center"> Login </th>';
echo '<th class="text-center"> Service </th>';
echo '<th class="text-center"> Localisation </th>';
echo '<th class="text-center"> Costcenter </th>';
echo '<th class="text-center"> Statut </th>';
echo '<th class="text-center"> Type </th>';
echo '<th class="text-center"> Marque </th>';
echo '<th class="text-center"> N° Serie </th>';
echo '<th class="text-center"> N° SBE </th>';
echo '<th class="text-center"> Type de disque </th>';
echo '<th class="text-center"> Action </th>';
foreach ($bdd->query($sql) as $produit) {
echo '<tr id="ligne_tableau">';
print '<td ondblclick="addInput(this)" id="hostname'.$produit['id_inventaire'].'">'.$produit['hostname'].'</td>';
print '<td ondblclick="addInput(this)" id="prenom'.$produit['id_inventaire'].'">'.$produit['prenom'].'</td>';
print '<td ondblclick="addInput(this)" id="nom'.$produit['id_inventaire'].'">'.$produit['nom'].'</td>';
print '<td ondblclick="addInput(this)" id="login'.$produit['id_inventaire'].'">'.$produit['login'].'</td>';
print '<td ondblclick="addInput(this)" id="service'.$produit['id_inventaire'].'">'.$produit['service'].'</td>';
print '<td ondblclick="addInput(this)" id="localisation'.$produit['id_inventaire'].'">'.$produit['localisation'].'</td>';
print '<td ondblclick="addInput(this)" id="costcenter'.$produit['id_inventaire'].'">'.$produit['costcenter'].'</td>';
print '<td ondblclick="addInput(this)" id="statut'.$produit['id_inventaire'].'">'.$produit['statut'].'</td>';
print '<td ondblclick="addInput(this)" id="type'.$produit['id_inventaire'].'">'.$produit['type'].'</td>';
print '<td ondblclick="addInput(this)" id="marque'.$produit['id_inventaire'].'">'.$produit['marque'].'</td>';
print '<td ondblclick="addInput(this)" id="num_serie'.$produit['id_inventaire'].'">'.$produit['num_serie'].'</td>';
print '<td ondblclick="addInput(this)" id="num_sbe'.$produit['id_inventaire'].'">'.$produit['num_sbe'].'</td>';
print '<td ondblclick="addInput(this)" id="type_disque'.$produit['id_inventaire'].'">'.$produit['type_disque'].'</td>';
print '<td>
<a href="#" onclick="mod_tab('.$produit['id_inventaire'].')" class="btn btn-info"><span class="glyphicon glyphicon-pencil" title="Validation de la modification"></span></a>
<a href="#" id="'.$produit['id_inventaire'].'" class="btn btn-danger ol-md-offset-1 remove-row-table"><span class="glyphicon glyphicon-remove" title="Suppression de la ligne"></span></a>
</td>';
echo '</tr>';
}
echo '</table>'; |
avec cette fonction jquery
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
| $(document).ready(function(){
$("#search").on("keyup", function() {
var value = $(this).val();
$("table tr").each(function(index) {
if (index !== 0) {
$row = $(this);
var id = $row.find("td:first").text();
if (id.indexOf(value) !== 0) {
$row.hide();
}
else {
$row.show();
}
}
});
});
}); |
la fonction cherche dans la première colonne si le texte entré existe et garde uniquement la ligne. Problème je voudrais que la fonction cherche dans toutes les colonnes. Je ne sais pas comment faire.
Merci de votre aide.
