antd 表格表头增加图标和提示语句

时间：2021-07-23 11:16:53 阅读：24 评论：0 收藏：0 [点我收藏+]

技术分享图片

首先引入需要的Tooltip，网上查找资料的时候别人都是引antd，但是我的报错，找了一下自己的文件发现我的要引用ant-design-vue

import { Tooltip } from ‘ant-design-vue‘

然后在表格列定义的时候加上图标和提示

<div>标题 

　　<Tooltip placement=‘top‘ title={<div><span>这是一个标题</span><br/><span>111</span></div>}>

　　<a-icon type="info-circle" />

</Tooltip>

</div>

其实如果不要图标只需要title，就更简单，直接这样写，这种适用于简单的文字提示

技术分享图片

原文：https://www.cnblogs.com/wsmpy3/p/15047401.html

踩

(0)

评论一句话评论（0）

分享档案

更多>