usando información sobre herramientas para mostrar los detalles de una fila de una tabla (jQuery)

Question

Puedo mostrar los valores dinámicos en una página jsp en formato de tabla.Y deseo implementar la función mouseover/hover (en jQuery) para mostrar cada detalles de fila en mi mesa (en la página JSP) .I estoy compartiendo algunos de código aquí:

<table name="table" id="table" class="table" cellpadding="4" cellspacing="2" border="1" bgcolor="" > 
<tr> 
<th><input type="checkbox" name="allCheck" onclick="selectallMe()"></th> 
<th>Emp ID</th> 
<th>Emp Name</th> 
</tr> 
<tr class="tr" id="tr"> 
<%while(rs.next()){ %> 
<td><input type="checkbox" name="chkName" onclick="selectall()"></td> 
<td><input type="text" name="empId" value="<%= rs.getString(1)%>" disabled="disabled" maxlength="10"></td> 
<td><input type="text" name="empName" value="<%= rs.getString(2)%>" disabled="disabled" maxlength="10"></td> 
</tr> 
<% } %> 
</table> 

para ello, voy a tener que usar jQuery DataTable y mouseover()/vuelo estacionario o algo más.

¿Cuál debería ser el camino correcto?

Answer 1

Tome un vistazo al siguiente enlace donde se explicará más sobre cursor del mouse,

http://jqfaq.com/how-to-highlight-rows-in-a-table-on-mouse-hover/

Usted, puede conseguir fácilmente los detalles de la fila en _mousehover que se utiliza en el enlace anterior. y tu puedes mostrarlo ¿Quieres mostrarlo en la información sobre herramientas?

Editar: Aquí está la manera de usar tr información en información sobre herramientas en MouseHover,

// Do this in _mousehover 
$currentRow = $(event.target).closest('tr'); 
$currentRow.attr("title", $currentRow.attr("id")); 

Nota: En esa muestra no tiene Identificación del tr. Entonces, debes agregarlo.