bootstrap工具提示显示在ui-grid标题后面

Question

所以我有一个bootstrap工具提示显示所有单元格，但我有问题工具提示隐藏在网格标题后面。下面是我的rowtemplate，显示工具提示。

rowTemplate: "<div uib-tooltip='{{row.entity[col.colDef.name]}}' tooltip-placement='bottom' tooltip-animation='true' " +
        "ng-repeat=\"(colRenderIndex, col) in colContainer.renderedColumns track by col.colDef.name\" " +
        "class=\"ui-grid-cell\" ng-class=\"{ 'ui-grid-row-header-cell': col.isRowHeader, different:!row.entity.isSame }\" ui-grid-cell></div>"

我玩过z-index css属性，但仍然没有帮助，我在这里做错了什么

.tooltip {
    position: absolute;
    z-index: 10;
}
.ui-grid-header{
    position: relative;
    z-index: 2;
}

Answer 1

尝试添加此选项以将工具提示附加到正文而不是父元素：

tooltip-append-to-body='true'

我希望它有所帮助，谢谢。