Как сделать таблицы строк начальной загрузки доступными?

Ответ 1

Использование jQuery довольно тривиально. v2.0 использует класс table для всех таблиц.

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

Ответ 2

Существует javascript плагин, который добавляет эту функцию к загрузке.

Когда включен 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>

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

Ответ 3

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

Примечание: атрибут data-href является допустимым атрибутом tr (HTML5), атрибуты href для элемента tr не являются.

$(function(){
    $('.table tr[data-href]').each(function(){
        $(this).css('cursor','pointer').hover(
            function(){ 
                $(this).addClass('active'); 
            },  
            function(){ 
                $(this).removeClass('active'); 
            }).click( function(){ 
                document.location = $(this).attr('data-href'); 
            }
        );
    });
});

Ответ 4

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

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

Ответ 5

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

Ответ 6

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

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
}

Ответ 7

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

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