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

Posted on 2021-07-23 09:26  魏什么呀  阅读(2464)  评论(0)  编辑  收藏  举报

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

import { Tooltip } from 'ant-design-vue'
 
然后在表格列定义的时候 加上图标和提示
 
<div>标题&nbsp;
　　<Tooltip placement='top' title={<div><span>这是一个标题</span><br/><span>111</span></div>}>
　　<a-icon type="info-circle" />
</Tooltip>
</div>
 

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