How to make tooltip highlight extra row data on a table

Question

I have a table in a declarative component.
It only has 4 columns but there is a lot of extra data I would like to display when the user hovers over a row. You can see in the 'shortDesc' property I've added this but it doesn't work. Any help would be greatly appreciated.
<af:table value="#{attrs.idmkr_table_model.collectionModel}"
var="row"
rows="#{attrs.idmkr_table_model.rangeSize}"
emptyText="#{attrs.idmkr_table_model.viewable ? 'No data to display.' : 'Access Denied.'}"
fetchSize="#{attrs.idmkr_table_model.rangeSize}"
rowBandingInterval="0"
filterModel="#{attrs.idmkr_query_model.queryDescriptor}"
queryListener="#{attrs.idmkr_query_model.processQuery}"
filterVisible="false" varStatus="vs"
binding="#{attrs.idmkr_table_binding.myTable}"
id="addr_addressees" rowSelection="multiple"
columnStretching="last"
width="100%"
shortDesc="#{row['Address1']}, #{row['Address2']}, #{row['City']}, #{row['State']}, #{row['Postalcode2']}, #{row['Email']}, #{row['Phone']}, #{row['Fax']}"
styleClass="AFStretchWidth">
<af:column headerText="Name" sortable="true" sortProperty="Lastname" filterable="true">
<af:outputText value="#{row['Lastname']}"/>
</af:column>
<af:column headerText="Type" sortable="true" sortProperty="Type" filterable="true">
<af:outputText value="#{row['Type']}"/>
</af:column>
<af:column headerText="Role" sortable="true" sortProperty="Role" filterable="true">
<af:outputText value="#{row['Role']}"/>
</af:column>
<af:column headerText="Distribution" sortable="true" sortProperty="Preferreddist" filterable="true">
<af:outputText value="#{row['Preferreddist']}"/>
</af:column>
</af:table>

Answer 1

Hey Frank, thank you very much, but that leads to a problem. Our team had Duncan Mills come to our location who said not to use javascript. Doesn't clientlistener call a javascript method? If there is a way to implement this without javascript I would prefer to do that. If javascript is our only option then I will do that.
Thx.