sử dụng chú giải công cụ để hiển thị chi tiết hàng của bảng (jQuery)

Question

Tôi có thể hiển thị giá trị động trong trang jsp ở định dạng Bảng. Và tôi muốn triển khai chức năng di chuột qua/di chuột (trong jQuery) để hiển thị từng giá trị chi tiết hàng trong bảng của tôi (trong trang jsp) .Tôi đang chia sẻ một số mã ở đây:

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

Đối với điều này, sẽ tôi đã sử dụng jQuery DataTable và mouseover()/di chuột hay cái gì khác.

Điều gì sẽ là đúng cách?

Answer 1

Hãy xem tại liên kết sau đó sẽ giải thích thêm về di chuột,

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

Bạn có thể dễ dàng nhận được các chi tiết của hàng trong _mousehover được sử dụng trong các liên kết ở trên. và bạn có thể hiển thị nó. Bạn có muốn hiển thị nó trong chú giải công cụ không?

Edit: Dưới đây là cách để sử dụng tr thông tin trong tooltip trên mousehover,

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

Lưu ý: Trong mẫu mà không có id cho tr. Vì vậy, bạn phải thêm nó.