utilizzando la descrizione comando per mostrare i dettagli di una riga di una tabella (jQuery)

Question

Sono in grado di mostrare i valori dinamici in una pagina jsp in formato tabella. E voglio implementare la funzione mouseover/hover (in jQuery) per mostrare dettagli della riga nella mia tabella (in pagina JSP) .Io sto condividendo alcune delle code here:

<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> 

per questo, dovrò usare jQuery DataTable e passaggio del mouse()/hover o qualcos'altro.

Quale dovrebbe essere la strada giusta?

Answer 1

Date un'occhiata al seguente link che spiegherà più su passaggio del mouse,

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

Si, può facilmente ottenere i dettagli della fila in _mousehover che viene utilizzato nel link qui sopra. e puoi mostrarlo. Vuoi mostrarlo in tooltip?

Edit: Ecco il modo per utilizzare tr info in tooltip sul MouseHover,

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

Nota: In quel campione non ha id per Tr. Quindi, devi aggiungerlo.