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

15 votes190 views4 answers
Bootstrap Pill badges
Html
0 vote154 views1 answer
Contact text box accept only till 10 digit in html
Html
19 votes139 views4 answers
Google material icons
Html
57 votes144 views6 answers
How to remove underline from link in html
Html
13 votes132 views1 answer
Download im<a href="the/name/of/your/file.x" download>ages html code
Html
67 votes128 views6 answers
Html <a>
Html
0 vote149 views1 answer
Iphone disable zoom on select
Html
0 vote159 views1 answer
Show the display
Html
0 vote160 views1 answer
Prettier not formatting HTML files in VS Code
Html
3 votes150 views2 answers
How to make a horizontal navigation bar in html
Html