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

}),

],

),

]);

},

相关推荐
张人玉8 分钟前
Vue 3 + ECharts 智慧城市大屏——赣州智慧城市数据可视化平台
vue.js·echarts·智慧城市
come1123418 分钟前
Vue 3 与现代 JavaScript 常用语法指南
前端·javascript·vue.js
dsyyyyy110119 分钟前
用JavaScript实现排序算法
开发语言·javascript·排序算法
槑有老呆20 分钟前
从零搭建 LLM 流式对话前端:一文读懂 SSE、二进制流与 Vue 3 响应式
前端·javascript
敖行客Allthinker22 分钟前
Vuex 状态响应机制:watch 与 subscribe 的对比分析
vue.js
张龙68726 分钟前
前端错误监控生产级方案:从 onerror 捕获到 Source Map 精准还原
前端·javascript
渣波26 分钟前
从零手写 Vite Mock 流式 AI 对话,搞懂 LLM 的“打字机”特效
前端·javascript
用户29307509766930 分钟前
Vue3 流式 AI 对话:深入理解两个 done 与 buffer 缓存机制
vue.js
weedsfly34 分钟前
从表单校验到订单流转,彻底搞懂前端开发中的策略模式与状态模式
前端·javascript·面试
qq_5896660535 分钟前
npm install npm install -g @vue/cli 分别是什么意思以及安装路径
前端·vue.js·npm