el-table 合计 指定列

 1、在el-table中添加 show-summary  :summary-method="getSummaries"

<el-table id="table" :data="dataList" show-summary  :summary-method="getSummaries">

2.在methods中添加getSummaries()方法

 //指定列求和

getSummaries(param) {

            const { columns, data } = param;

            const sums = [];

           //第一列命名合计

            columns.forEach((column, index) => {

                if (index === 0) {

                    sums[index] = '合计';

                    return;

                }

               const values = data.map(item => Number(item[column.property]));

          //指定allCompanyNum、allCarNum、allDriverNum不求和，其余列军求和

             if (column.property !== 'allCompanyNum' && column.property !== 'allCarNum' &&                  column.property !== 'allDriverNum') {

                    sums[index] = values.reduce((prev, curr) => {

                        const value = Number(curr);

                        if (!isNaN(value)) {

                            return prev curr;

                        } else {

                            return prev;

                        }

                    }, 0);

                    sums[index];

                }else{

                    sums[index] = '/'

                }

            });

            return sums

        }

这篇好文章是转载于：学新通技术网