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;', }), \], ), \]); },

相关推荐
放逐者-保持本心,方可放逐14 分钟前
webgl(three.js 与 cesium 等实例应用)之浏览器渲染应用及内存释放的关联与应用
开发语言·javascript·webgl·顶点着色器·three.js 释放·cesium 释放·片元着色器
行云流水62643 分钟前
js实现输入高亮@和#后面的内容
前端·javascript·css
戒不掉的伤怀2 小时前
react实现axios 的简单封装
javascript·react.js·ecmascript
夏梦春蝉2 小时前
ES6从入门到精通:变量
前端·javascript·es6
步行cgn2 小时前
ES6 核心语法手册
前端·javascript·es6
sorryhc3 小时前
React SSR同构渲染方案是什么?
前端·javascript·next.js
小公主3 小时前
别再乱用异步了!一文搞懂 Promise 和 async/await 的执行顺序与最佳实践
javascript
南枝异客3 小时前
电话号码的字母组合
开发语言·javascript·算法
护国神蛙3 小时前
给你一个页面如何定时刷新
前端·javascript·浏览器
一直游到海水变蓝丿4 小时前
el-select下拉框 添加 el-checkbox 多选框
前端·javascript·vue.js