Click on tr redirect new page

<table class="table">
    <tbody>
        <tr data-url="some_url1">
            <td>39401602</td>
            <td>6/21/2013</td>
            <td class="text-primary">Open</td>
            <td>$79.99</td>
            <td>Amazing Widget (16 GB, White)</td>
            <td>Johnathan Doe</td>
            <td class="text-right none"> <a href="#" class="tick_icon gridneed_icon"></a>
    <a class="col-md-offset-1 cross_icon gridneed_icon" data-toggle="modal" href="#deleteproduct"></a>

            </td>
        </tr>
        <tr data-url="some_url2">
            <td>39401602</td>
            <td>6/21/2013</td>
            <td class="text-primary">Open</td>
            <td>$79.99</td>
            <td>Amazing Widget (16 GB, White)</td>
            <td>Johnathan Doe</td>
            <td class="text-right none"> <a href="#" class="tick_icon gridneed_icon"></a>
    <a class="col-md-offset-1 cross_icon gridneed_icon" data-toggle="modal" href="#deleteproduct"></a>

            </td>
        </tr>
    </tbody>
</table>

Source: stackoverflow.com

Click on tr redirect new page

$(function () {
    $('table.table tr').click(function () {
        window.location.href = $(this).data('url');
    });
})

Source: stackoverflow.com

Similar codes

0 vote195 views1 answer
Wordpress add the html to the content by functoin.php
Html
0 vote164 views1 answer
React native render html not rerender
Html
0 vote112 views1 answer
Rotete a imge html mdn
Html
0 vote188 views1 answer
Remover Acentos
Html
0 vote139 views2 answers
Tailwindcss dynamic timeline
Html
0 vote185 views1 answer
Horizontal line with text in middle word in html
Html
0 vote145 views1 answer
Lxml.html get element by id
Html
15 votes164 views3 answers
Html set icon
Html
0 vote152 views1 answer
How to add video in html background
Html
1 vote155 views1 answer
Html add mindate to datetime-local picker
Html