element的el-table自定义最后一行

场景:

最后一行要显示一些其他结果,用的是element  ui 自带的数据总计的属性;返回一个数组,会按下标进行展示。

代码:
  <el-table 
       :summary-method="getSummaries"
        show-summary 
       :data="tableData"
       stripe
        style="width: 50% ;margin-top: 20px;font-size: 15px;">

    <el-table-column prop="date" label="日期" width="180">
    </el-table-column>
      <el-table-column prop="name" label="姓名" width="180">
        </el-table-column>
       <el-table-column prop="address" label="地址">
        </el-table-column>
        </el-table>

重点在于getSummaries这个自定义的方法,返回一个数组即可以显示
 
    getSummaries(param) {
            const { columns } = param
            const sums = []
            columns.forEach((column, index) => {

                switch (index) {

                    case 0:

                        sums[index] = '是否通过'

                        break

                    case 1:

                        sums[index] = 'erewrwr'

                        break

                    case 2:

                        sums[index] = 'erewrwr'

                        break

                    case 3:

                        sums[index] = 'erewrwr'

                        break

                }

            })

            return sums

        },

相关推荐

  1. element-plus el-table表格默认选中某

    2024-03-26 00:16:03       42 阅读
  2. Elementel-table中如何获取每id

    2024-03-26 00:16:03       49 阅读
  3. Element Plus el-table 组件合并不规律

    2024-03-26 00:16:03       55 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-03-26 00:16:03       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-03-26 00:16:03       100 阅读
  3. 在Django里面运行非项目文件

    2024-03-26 00:16:03       82 阅读
  4. Python语言-面向对象

    2024-03-26 00:16:03       91 阅读

热门阅读

  1. KMP算法

    KMP算法

    2024-03-26 00:16:03      63 阅读
  2. ARM-IIC实验

    2024-03-26 00:16:03       37 阅读
  3. vuetify3 弹窗中使用 element-plus 时间控件异常解决

    2024-03-26 00:16:03       39 阅读
  4. leetcode 322.零钱兑换

    2024-03-26 00:16:03       47 阅读
  5. Docker常用命令

    2024-03-26 00:16:03       42 阅读
  6. 2299. 强密码检验器 II

    2024-03-26 00:16:03       47 阅读
  7. 数据建模与PASS层

    2024-03-26 00:16:03       45 阅读