elementUI的el-table自定义表头

<el-table-column

label="昨日仪表里程(KM)"

align="left"

min-width="190"

:render-header="(h, obj) => renderHeader(h, obj, '参数')"

>

<template slot-scope="scope">

<span>{{ scope.row.firstStartMileage || 0 }}</span>

</template>

</el-table-column>
// 自定义表头

renderHeader (h, { column, $index }, type) {

// console.log('列表加载就会触发', h, { column, $index }, type)

// 逻辑是 h() 括号里包裹标签:第一个参数是标签名,第二个是属性,第三个是标签内容。 如果是多个标签需要包裹数组

return h('div', [

h('span', column.label),

h('el-tooltip', {

props: {

effect: 'dark',

content: '结束仪表里程',

placement: 'top',

},

},

h('i', { class: 'el-icon-question', style: 'color:#999;margin-left:5px;', }), \], ), \]); },

相关推荐
@yanyu66618 分钟前
登录注册功能-明文
vue.js·springboot
cn_mengbei3 小时前
用React Native开发OpenHarmony应用:Reanimated共享元素过渡
javascript·react native·react.js
kyriewen3 小时前
前端测试:别为了100%覆盖率而写测试,那是自欺欺人
前端·javascript·单元测试
Data_Journal4 小时前
如何使用cURL更改User Agent
大数据·服务器·前端·javascript·数据库
掌心向暖RPA自动化4 小时前
如何获取网页某个元素在屏幕可见部分的中心坐标影刀RPA懒加载坐标定位技巧
java·javascript·自动化·rpa·影刀rpa
竹林8184 小时前
wagmi v2 多链钱包切换:一个 Uniswap 仿盘项目让我踩了三天坑
前端·javascript
你也向往长安城吗4 小时前
最快的 JavaScript navmesh pathfinding3d 算法。
javascript
滕青山4 小时前
在线PDF拆分工具核心JS实现
前端·javascript·vue.js
兔子零10246 小时前
Ofox AI值得用吗?
前端·javascript·后端
We་ct7 小时前
React 性能优化精讲
前端·javascript·react.js·性能优化·前端框架·html·浏览器