How to make table row clickable while using <display:table> &<display:column>

Question

<display:table class="table" name="regionList" id="elem"
        requestURI="./addCountry.html">
        <display:column property="name" title="Country" />
        <display:column property="code" title="City" />
        <display:column title="&nbsp;">
            <a href="QQQQ.html?id=<c:out value='${elem.id}' />">Edit</a>
        </display:column>
    </display:table>

How can I make the whole table row clickable as link?

Answer 1

There are 3 options here:

1. Wrap het div's within anchor (Not best practice and i don't think seo likes it)
2. $(".parentdiv").click(function() { window.location = $(this).data("http:///www.location.com"); });
3. <div onclick="location.href='YOUR-URL-HERE';" style="cursor: pointer;"></div>