Bootstrap / AngularJS工具提示位置

时间:2017-07-24 13:11:31

标签: angularjs angular-ui-bootstrap bootstrap-4

当我向下滚动页面时,我看到工具提示没有正确定位。 that's ok

issue

$query; //The query object BEFORE getting the data, so before get() or paginate()
$data = $query->selectRaw('sum(product_ordered_quantity) as quantity')
              ->groupBy('products_name','measurement', 'products_type')
              ->get();

2 个答案:

答案 0 :(得分:0)

添加tooltip-append-to-body="true" - 示例代码:

<div ng-if="item.status == 2" 
    class="icn special" 
    tooltip-placement="top" 
    uib-tooltip="Special"
    tooltip-append-to-body="true">
    ...
</div>

答案 1 :(得分:0)

我遇到了这个问题,浪费了很多时间来寻找解决方案。尽管这是一个已知问题,但解决方案并不完全是唯一的。

幸运的是,我找到了问题的答案here

在我的情况下,我将uib工具提示放在td标记中,根据Sanket Achari,您必须在div之后使用td

除了该解决方案外,我还必须设置tooltip-append-to-body="false"使其起作用。以前,我将其设置为true。如果未设置,则默认值为false

我将其放在此处是因为Kimchi Man

上方提供了答案