JSFiddle - React, Tailwind, and code Playground
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>
</title>
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.4.1.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$('.resultGridTable tr > td > .actionButtonView').click(function () {
var row = $(this).closest('tr')[0],
consumerID = $(row.cells[0]).text(),
consumerName = $(row.cells[1]).text(),
configID = $(row.cells[4]).text()
alert(consumerID + "," + consumerName + "," + configID);
//window.location.href("SubscribedAssociates.aspx?ConsumerID=" + consumerID + "&consumerName=" + consumerName + "&configID=" + configID);
return false;
});
});
</script>
</head>
<body>
<table class="resultGridTable" cellspacing="0" id="detailContentPlaceholder_grdConsumers"
style="border-collapse: collapse;">
<thead>
<tr>
<th scope="col">
<a>Consumer ID</a>
</th>
<th scope="col">
<a>Consumer Name</a>
</th>
<th scope="col">
<a>Consumer URL</a>
</th>
<th scope="col">
<a>Status</a>
</th>
<th scope="col">
<a>Config ID</a>
</th>
<th scope="col">
Action
</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<a href="SubscribedAssociates.aspx?ConsumerID=101">101</a>
</td>
<td>
Consumer1
</td>
...