element UI表格之表头换行

粽子师兄

已于 2022-02-09 15:55:44 修改

阅读量1.7k

点赞数

分类专栏： elementUI 文章标签： vue elementui table

于 2021-04-21 16:47:48 首次发布

本文链接：https://blog.csdn.net/qq_45268602/article/details/115961773

版权

elementUI 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

render-header：列标题 Label 区域渲染使用的 Function

<template>
    <el-table
      :data="dataList">
        <el-table-column
         prop="openRule"
         :label="设置|setting"
         :render-header="renderheader">
        </el-table-column>
    </el-table>
</template>

<script>
export default {
  data() {
   return {}
  },
  created() {
  },
  methods: {
    // 表头换行
    renderheader(h, { column, $index }) {
      return h('span', {}, [
        h('span', {}, column.label.split('|')[0]),
        h('br'),
        h('span', {}, column.label.split('|')[1])
      ]);
    }
    }
}
</script>