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

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>
 
antd 表格表头增加图标和提示语句

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

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

 

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

 

 

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

上一篇:Conda简单教程


下一篇:分布式架构2:Nginx下Session存储