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;',

}),

],

),

]);

},

相关推荐
小大宇4 小时前
Vue知识点6-computed计算属性
前端·javascript·vue.js
程序员海军4 小时前
尤雨溪 : Vue 4 已经在规划中了!
前端·javascript·vue.js
2601_949970695 小时前
HumanizeDuration 跨端三方库仓颉适配全流程
前端·javascript·flutter
天外飞雨道沧桑7 小时前
我在浏览器里练了一个 792 参数的大模型,它学会了补全 JavaScript
开发语言·javascript·ai·ecmascript·ai编程
鶴哥只手遮天8 小时前
jQuery 4.0 源码架构与工程实践-第 01 章 · 全景与工程结构:一个 20 岁库的自省
前端·javascript·jquery
徐小夕8 小时前
doc2docx方案,开源!
前端·vue.js·github
徐小夕8 小时前
JitOFD:一款面向信创与档案场景的 Web 端 OFD 编辑器
前端·vue.js·github
inksci9 小时前
在线编辑表格,功能强大,json互转
前端·javascript·html
咩咩啃树皮9 小时前
JavaScript 中 this 指向为什么总在变?
开发语言·前端·javascript
星光开发者10 小时前
基于springboot智慧草场牛羊管理系统-计算机毕设【课程设计】50360
vue.js·spring boot·后端·mysql·php·课程设计·express