ElementUI自定义表头 :render-header
将饿了么表格表头的文字修改为图标template部分修改如下:<el-table-column align="center" :render-header="renderHeader"><template></template></el-table-column>js添加事件如下:// render 事件renderHeader(h, { colum
·
将饿了么表格表头的文字修改为图标
template部分修改如下:
<el-table-column align="center" :render-header="renderHeader">
<template></template>
</el-table-column>
js添加事件如下:
// render 事件
renderHeader(h, { column }) {
// h即为cerateElement的简写,具体可看vue官方文档
return h("div", [
h("span", column.label),
h("i", {
class: "el-icon-picture",
style: "font-size: 20px;",
}),
]);
},
更多推荐
已为社区贡献4条内容
所有评论(0)