elementui el-table中给表头 el-table-column 加一个鼠标移入提示说明

前言

在使用el-table 表格中有些表格的表头需要加入一些提示,鼠标移入则出现提示,非常实用,我是通过el-table中的el-tooltip实现的,以下的效果预览

代码实现

javascript 复制代码
  <el-table ref="multipleTable" :data="data" tooltip-effect="dark" border >
      <el-table-column prop="addtime" label="时间" align="center" width="150">
         <template slot="header">
            <div>
              <span>时间</span>
             <el-tooltip class="item" effect="dark" content="今日工单是操作工单时间,其他则是工单录入时间" placement="top">
              <span class="iconfont icon-wenhao" style="margin-left: 5px;"></span>
              </el-tooltip>
            </div>
        </template>
        </el-table-column>
  </el-table>
相关推荐
挖稀泥的工人几秒前
面试看这一篇webpack
前端·webpack
卖报的小行家_2 分钟前
Vue3源码,拦截对象,对比Vue2
前端
蒜香拿铁5 分钟前
vue3自动导入组合式api
前端·javascript
日升6 分钟前
Chrome 134 版本开发者工具(DevTools)更新内容
前端·chrome·浏览器
Mike_jia6 分钟前
一篇文章带你了解一款强大的本地镜像库系统---Harbor
前端
_一条咸鱼_7 分钟前
Vue 框架组件模块之弹窗组件深度剖析(四)
前端
frontDeveloper7 分钟前
JavaScript基础知识概览(DOM-API部分)
javascript
某哈压力大8 分钟前
制作一个简单的水印组件
前端·vue.js
小old弟8 分钟前
Git简明指南:从入门到基本操作
前端·git
Cutey9169 分钟前
解决在 UniApp 中,deep不生效的问题
前端·javascript·面试