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

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