element ui固定在下方‘合计行‘实现,并且可点击

效果图

 代码

// 首先在el-table增加element ui的自带属性(:summary-method="getSummaries"
			show-summary)

 <el-table
            :data="tablep_115.data"
            id="tablep_115"
            border
    		:style="conheight"
            height="200"
            @selection-change="tablep_115_Change"
            default-expand-all
			:summary-method="getSummaries"
			show-summary
          >

// 事件
getSummaries(param) {
								  let $this = this
								  console.log('合计',param)
								  const { columns, data } = param;
								  const sums = [];
								  columns.forEach((column, index) => {
									if (index === 0) {
									  sums[index] = '合计';
									  return;
									} else if(index == 1 ){
									$(".el-table__footer").find("td").eq(1).click(()=>{
										// 此处定义行里面的点击事件
									})
									
									}
									const values = data.map(item => Number(item[column.property]));
									if (!values.every(value => isNaN(value))) {
									  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] = 'N/A';
									}
								  });
								  return sums;
								},