vue

ElementUI表格组件如何实现动态表头?

发布于 2021-01-11 17:02:25
关注者
0
被浏览
501
4 个回答
  • 面试哥
    面试哥 2021-01-12
    为面试而生,有面试问题,就找面试哥。

    <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包裹也行

  • 面试哥
    面试哥 2021-01-12
    为面试而生,有面试问题,就找面试哥。

    table头部自定义 使用el-table-column中的:render-header 里面的处理用 render函数渲染
    table头部对应的data数据自定义 使用Vue插槽:scopedSlot属性

  • 面试哥
    面试哥 2021-01-12
    为面试而生,有面试问题,就找面试哥。

    使用自定义表头,即 <el-table-column> 中传入自定义 slot
    表头整体结构变化则得自己 v-for 表头配置拼 <el-table-column> 重绘

知识点
面圈网VIP题库

面圈网VIP题库全新上线,海量真题题库资源。 90大类考试,超10万份考试真题开放下载啦

去下载看看