с помощью всплывающей подсказки, чтобы показать детали строки таблицы (jQuery)

Question

Я могу показать динамические значения на странице jsp в формате таблицы. И я хочу реализовать функцию mouseover/hover (в jQuery), чтобы показать каждую детали строк в моей таблице (в Jsp странице) .Я делюсь некоторыми из кода здесь:

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

для этого будет я использовать JQuery DataTable и MouseOver()/зависание или что-то другое.

Каким должен быть правильный путь?

Answer 1

Взгляните на следующую ссылку, которая объяснит больше о наведении мыши,

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

Вы, можете легко получить подробную информацию о строке в _mousehover, который используется в приведенной выше ссылке. и вы можете показать это. Вы хотите показать его в подсказке?

Edit: Вот способ использования тра информации в подсказке на MouseHover,

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

Примечания: В том, что образец не имеет идентификатора для тра. Итак, вы должны добавить его.