antd 表格表頭增加圖標和提示語句

 首先引入需要的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，就更簡單，直接這樣寫，這種適用於簡單的文字提示