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
           }
         })]
       )
      ]
      },
}
相关文章
|
16天前
|
JavaScript 前端开发
如何优雅的只在当前页面中覆盖ui库中组件的样式(vue的问题)
如何优雅的只在当前页面中覆盖ui库中组件的样式(vue的问题)
13 0
如何优雅的只在当前页面中覆盖ui库中组件的样式(vue的问题)
|
11天前
|
JavaScript
Vue给Element UI的el-popconfirm绑定按钮事件
Vue给Element UI的el-popconfirm绑定按钮事件
|
24天前
|
JavaScript
【Ant designe vue】中有关表格列中日期展示 yyyy-mm-dd 格式问题
【Ant designe vue】中有关表格列中日期展示 yyyy-mm-dd 格式问题
15 0
|
2月前
|
JavaScript
vue 实现表格循环滚动 vue-seamless-scroll插件的安装与使用
vue 实现表格循环滚动 vue-seamless-scroll插件的安装与使用
|
2月前
|
资源调度 JavaScript
Vue + Element-ui组件上传图片报错问题解决方案
Vue + Element-ui组件上传图片报错问题解决方案
|
7天前
【UI】 element ui 表格没有数据时用--填充
【UI】 element ui 表格没有数据时用--填充
19 2
|
11天前
基于sortablejs实现拖拽element-ui el-table表格行进行排序
基于sortablejs实现拖拽element-ui el-table表格行进行排序
|
16天前
|
JavaScript
UI库的按需加载(vue的问题)
UI库的按需加载(vue的问题)
12 0
|
29天前
element-ui实现表格单选的功能
element-ui实现表格单选的功能
12 0
|
29天前
|
JavaScript 数据库
vue使用element ui实现下拉列表分页的功能!!!
vue使用element ui实现下拉列表分页的功能!!!
17 0