How to highlight a selected row

We can set up the connection between two list view web parts easily. However, for the provider, users can only tell the selected row by "Select" column icon



Is there any simple way to highlight the whole row?

The answer is "Yes".

Below is the javascript (with JQuery reference) we need to put into a content editor web part on the page, which can highlight the whole row.

<script src="/_layouts/1033/unitingcare/jquery-1.7.1.min.js" type="text/javascript"></script>

<script type="text/javascript">

$(document).ready(function(){

$Text = $("IMG[alt='Selected']");

$Text.parent().parent().css("background-color", "lightgreen");

});

</script>

Below is what it looks like.