【FastAdmin开发记录】tooltip使用问题

齐烟九点

于 2024-05-28 18:03:20 发布

阅读量156

点赞数 2

分类专栏： FastAdmin 文章标签： php bootstrap

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/u013898564/article/details/139274050

版权

FastAdmin 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

问题：
需要在表格的标题上显示提示，类似这样：
在这里插入图片描述

也不知道这东西叫什么，直接在fastadmin的官方问答搜不到，只能上网搜，反而搜到了fastadmin官方问答:
如何让表格的字段标题支持提示？
但是看了答案，回复都是说不行，会直接显示html代码，我自己也试了下，确实不行
只能继续找其它方法，知道了关键字tooltip，就继续搜索，发现官方文档里面有关于titleTooltip的配置
列参数
在这里插入图片描述

试了下，是可以有提示，但是没有图标，没办法直观的知道这边可以有提示
就想着说看下源码是怎么实现的，看能不能把图标加上去
在这里插入图片描述

在源码里，图标是不好，但却意外的发现，title直接显示html代码的原因，原来可以使用escape配置来解决
只要配置escape：false，就可以解决这个问题了
但是又出现了新的问题，提示显示在上方，被遮挡住了
在这里插入图片描述

只能继续找看能不能设置提示显示的位置，在bootstrap-table的文档里面找到，有个属性data-placement可以来设置
在这里插入图片描述

至此，问题得到解决

关注

2
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
【FastAdmin开发记录】tooltip使用问题

只能继续找其它方法，知道了关键字tooltip，就继续搜索，发现官方文档里面有关于titleTooltip的配置。只能继续找看能不能设置提示显示的位置，在bootstrap-table的文档里面找到，有个属性。在源码里，图标是不好，但却意外的发现，title直接显示html代码的原因，原来可以使用。但是看了答案，回复都是说不行，会直接显示html代码，我自己也试了下，确实不行。试了下，是可以有提示，但是没有图标，没办法直观的知道这边可以有提示。但是又出现了新的问题，提示显示在上方，被遮挡住了。
复制链接

扫一扫

专栏目录

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。