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>
相关推荐
落日漫游6 小时前
代码报错难排查?借助Gemini快速修复
前端
niconicoC6 小时前
让 Three.js 场景更真实:我用高斯泼溅和 SparkJS 做了一个可交互的 3D Demo
前端·webgl
Darling噜啦啦6 小时前
JavaScript 数组深度解析:从纯函数到二维数组陷阱,一文吃透前端数据结构核心
前端·javascript·数据结构
万少6 小时前
一封邮件,让我重新打开了搁置半年的鸿蒙应用
前端·javascript·后端
wjj不想说话6 小时前
你的小程序活动页,可能已经成了后台配置的杂物间
前端
梦想是准点下班7 小时前
androidStudio打包,我又又又忘了
前端
槑有老呆7 小时前
栈队列链表,三个故事就懂了
前端
ViavaCos7 小时前
pnpm v11 的安全策略,让我踩了个坑
前端
To_OC7 小时前
从一段定时器代码,重新捋清 JS 同步、异步与 Promise
前端·javascript·代码规范
持敬chijing7 小时前
Web渗透之前后端漏洞-XSS漏洞原理攻击防御全流程
前端·安全·web安全·网络安全·网络攻击模型·安全威胁分析·xss