vue中有关表格中的表格头中添加悬浮提示的ui问题

简介: vue中有关表格中的表格头中添加悬浮提示的ui问题
今天接到需求,说是需要在表格的头部显示一个问号 鼠标悬浮上去 提示对应的信息:

ok.先看效果图

开摆:

<el-table-column :render-header="renderHead" label="采购比重" prop="xxxx">
 </el-table-column>
methods:{
  //渲染表格头自定义显示悬浮ui提示
      renderHead(show, {
        column
      }) {
      return [
        column.label,
       show(
         'el-tooltip', {
          props: {
            content: '自然年累计数据,每年1月1日-今日',
            placement: 'top'
          }
         },
         [show('span', {
           class: {
            'el-icon-question': true
           }
         })]
       )
      ]
      },
}
相关文章
|
2月前
|
编解码
element-ui 表格滚动条(不同分辨率)自适应问题;
element-ui 表格滚动条(不同分辨率)自适应问题;
32 1
|
2月前
|
JavaScript
vue element-ui中有关表格中的数据整条显示红色/绿色等等颜色的问题
vue element-ui中有关表格中的数据整条显示红色/绿色等等颜色的问题
24 1
|
20天前
【UI】 element ui 表格没有数据时用--填充
【UI】 element ui 表格没有数据时用--填充
21 2
|
20天前
【UI】 vue2 修改elementui 表格table 为空时暂无数据样式
【UI】 vue2 修改elementui 表格table 为空时暂无数据样式
16 1
|
24天前
基于sortablejs实现拖拽element-ui el-table表格行进行排序
基于sortablejs实现拖拽element-ui el-table表格行进行排序
|
25天前
|
XML JSON 开发框架
基于 OData 模型和 JSON 模型的 UI5 表格控件行项目的添加和删除实现
基于 OData 模型和 JSON 模型的 UI5 表格控件行项目的添加和删除实现
18 1
|
2月前
element-ui实现表格单选的功能
element-ui实现表格单选的功能
13 0
|
4月前
element-ui 表格和 tooltip修改背景颜色和箭头颜色
element-ui 表格和 tooltip修改背景颜色和箭头颜色
176 0
|
4月前
|
前端开发 小程序
使用element UI-table表格列宽自适应 【已解决】
使用element UI-table表格列宽自适应 【已解决】
|
2月前
|
前端开发 搜索推荐 开发者
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
29 0

热门文章

最新文章