vue3 elementplus table合并

你眼中的柔情

于 2023-06-26 15:45:25 发布

阅读量1.3k

点赞数

CC 4.0 BY-SA版权

分类专栏： elementPlus 文章标签： vue3 elementplus

本文链接：https://blog.youkuaiyun.com/return_js/article/details/131398898

本文介绍了在Vue3中使用ElementPlus组件库进行表格合并的方法，包括单行合并的步骤和如何通过Render函数实现两行的下方合并。详细讲解了相关属性设置和条件判断，帮助开发者实现复杂表格布局。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在这里插入图片描述
table表格下方合并写法：
1：单行合并
（1）在标签中加入属性

   :summary-method="getSummaries"
            :show-summary="true"

 <el-table
            :data="data"
            id="tableRef"
            ref="tableRef"
            row-key="belnr"
            class="td-bacg-white"
            :summary-method="getSummaries"
            :show-summary="true"
          >
            <template v-for="(item1, index1) in tableColumns">
              <template v-if="item1.children">
                <el-table-column
                  :key="index1"
                  :label="item1.title"
                  align="center"
                >
                  <template v-for="item in item1.children">
                    <el-table-column
                      v-if="!item.hidden"
                      :align="item.align || 'center