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

相关推荐
Hyyy6 小时前
普通前端续命周报——第1周
前端·javascript
GISer_Jing9 小时前
Three.JS渲染架构解读
java·javascript·架构
时寒的笔记10 小时前
day13~14核心案例某采招网
开发语言·javascript·ecmascript
智商不够_熬夜来凑10 小时前
【Picker】单选多选
前端·javascript·vue.js
米饭不加菜10 小时前
Typora 原生流程图语法完全指南(Flowchart.js)
前端·javascript·流程图
scan72410 小时前
langgraphy条件边
前端·javascript·html
用户9385156350711 小时前
《JS 对象知识地图:10 个小节,从字面量到原型链全覆盖》
javascript
YAwu1111 小时前
JavaScript this 底层机制剖析
前端·javascript
tedcloud12311 小时前
wifi-densepose部署教程:构建无线人体感知系统
服务器·javascript·网络·typescript·ocr