ElementUI表格组件如何实现动态表头?
-
<template v-for="item in tableColownms"> <el-table-column v-if="item.type!='hidden'" :key="item.id" :prop="item.field" sortable :label="item.label"> </template>
不用template包裹也行 -
table头部自定义 使用el-table-column中的:render-header 里面的处理用 render函数渲染
table头部对应的data数据自定义 使用Vue插槽:scopedSlot属性 -
使用自定义表头,即
<el-table-column>
中传入自定义slot
。
表头整体结构变化则得自己 v-for 表头配置拼<el-table-column>
重绘