Как сделать строки таблицы bootstrap кликабельными? [дубликат]

этот вопрос уже есть ответ здесь:

  • как сделать целую строку в таблице кликабельной в качестве ссылки? 18 ответов

Я могу взломать это сам, но я думаю, что bootstrap имеет эту возможность.

7 65
css html5 twitter-bootstrap

7 ответов:

С помощью jQuery, это достаточно тривиально. v2. 0 использует table класс на всех таблицах.

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

есть плагин на JavaScript это добавляет эту функцию в bootstrap.

, когда rowlink.js включен, вы можете сделать:

<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>

таблица будет преобразована так, чтобы можно было щелкнуть всю строку, а не только первый столбец.

57

этот код преобразует любую строку таблицы начальной загрузки, которая имеет data-href атрибут, установленный в кликабельный элемент

Примечание:

22

Я покажу вам мой пример с модальными окнами...вы создаете свой модальный и даете ему идентификатор затем В вашей таблице у вас есть раздел tr, просто объявите первую строку, которую вы видите ниже (не забудьте установить ее в первой строке следующим образом 

<tr onclick="input" data-toggle="modal" href="#the name for my modal windows" >
 <td><label>Some value here</label></td>
</tr>
6
<tr height="70" onclick="location.href='<%=site_adres2 & urun_adres%>'"
    style="cursor:pointer;">
4

может быть, вы пытаетесь прикрепить функцию при щелчке строк таблицы.

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
}
0

вы можете использовать таким образом, используя bootstrap css. Просто удалите активный класс, если он уже задан для любой строки, и переназначите текущую строку.

    $(".table tr").each(function () {
        $(this).attr("class", "");
    });
    $(this).attr("class", "active");
0