bootstrap tooltip放在table里无效

Posted 2023-05-10

$(".tooltips").tooltip();已经启用，一个A标签，写在table外面也可以，写到table里面就无效。咋回事儿呢？有人遇到过么？
问题已经解决了。
解决方法是，先加载页面，也就是html。当页面全都加载完的时候，执行一次
.tooltip();

函数，就能成功了。非常感谢

我也遇到了类似情况，初步分析你的table数据是异步加载的，因此无法初始化tooltip。
解决方法是：在异步加载table数据的回调函数中，初始化tooltip；如果你用的是第三方插件的话，看一下官方提供的api，应该会告知如何在数据加载完成后添加回调逻辑。 参考技术A 你要确定你选定的table_array数据源有没有出错，或该列区域里面有合并单元格，使选定的数据源错位。
按VLOOKUP函数，选定整个列区域跟选定具体区域都是一样的。
请仔细检查你选定的table_array数据源是否是你要的“首列查找”的区域。

angular6 使用tooltip

准备

为了使用tooltip，可以安装ng-bootstrap组件，它包含两个依赖：

• angular：5.0以上版本；
• bootstrap css： 4.0版本。

安装好bootstrap之后，更新angular.json文件

"styles": [
  "node_modules/bootstrap/dist/css/bootstrap.min.css"
]

需要注意的是只能引入css文件，不能引入其他的js依赖，例如：bootstrap.js, jQuery, popper.js。


 

安装ng-bootstrap

npm install --save @ng-bootstrap/ng-bootstrap

 

引入到angular主模块中

import NgbModule from ‘@ng-bootstrap/ng-bootstrap‘;
 
@NgModule(
  ...
  imports: [NgbModule, ...],
  ...
)
export class YourAppModule 

 

在html文件中使用tooltip

<button type="button" class="btn btn-outline-secondary mr-2" placement="top" ngbTooltip="Tooltip on top">
  Tooltip on top
</button>