Comment rendre les lignes de la table bootstrap cliquables?

Question

Je peux le pirater moi-même, mais je pense que bootstrap a cette capacité.

Answer 1

Utiliser jQuery est assez trivial. La v2.0 utilise la classe table sur toutes les tables.

 $('.table > tr').click(function() {
    // row was clicked
});
 

Answer 2

Il existe un plugin javascript qui ajoute cette fonctionnalité au bootstrap.

Lorsque rowlink.js est inclus, vous pouvez faire:

 <table data-link="row">
  <tr><td><a href="foo.html">Foo</a></td><td>This is Foo</td></tr>
  <tr><td><a href="bar.html">Bar</a></td><td>Bar is good</td></tr>
</table>
 

La table sera convertie de sorte que toute la ligne puisse être cliquée au lieu de la première colonne uniquement.

Answer 3

Je vous montre mon exemple avec les fenêtres modales ... vous créez votre modal et lui donnez ensuite un identifiant. Dans votre tableau, vous avez la section tr, ajoutez simplement la première ligne que vous voyez ci-dessous (n'oubliez pas de le définir comme suit: ce

 enter code here
<tr onclick="input" data-toggle="modal" href="#the name for my modal windows" >
 <td><label>Some value here</label></td>
</tr>                                                                                                                                                                                   
 

Answer 4

<tr height="70" onclick="location.href='<%=site_adres2 & urun_adres%>'"
    style="cursor:help;">

Answer 5

Peut-être essayez-vous d’attacher une fonction lorsque vous cliquez sur les lignes du tableau.

 var table = document.getElementById("tableId");
var rows = table.getElementsByTagName("tr");
for (i = 0; i < rows.length; i++) {
    rows[i].onclick = functioname(); //call the function like this
}