javascript - 工具提示到动态位置以显示表格中的数据

Question

我有一个包含数据的表格，当我将鼠标悬停在表格中的一列上时，它必须在右上角显示工具提示，问题是表格中的第一行，工具提示数据被隐藏为必须显示表头。如何解决。提前致谢。

Answer 1

将类名添加到第一行和第二行，并为这些行仅将弹出窗口调整到所需位置:

.firstRow a.tooltip:hover span, 
.secondRow a.tooltip:hover span {
    bottom:auto;
    top:10px
}

fiddle

如果你不能在你的行中添加类名，那么使用 css nth-child:

.GridviewScrollItem:nth-child(3) a.tooltip:hover span, 
.GridviewScrollItem:nth-child(2) a.tooltip:hover span {
    bottom:auto;
    top:10px
}

fiddle