ElementPlus表格自定义合计列composition
# ElementPlus表格自定义合计列composition
这个composition api的主要目的就是只要提供列名,就让这一列合计
export const useGetSummaries = (props: string[]) => <Data extends Record<string, unknown>>(param: SummaryMethodProps<Data>) => {
const { columns, data } = param;
const sums: string[] = [];
if (!data) {
return sums;
}
columns.forEach((column, index) => {
if (index === 0) {
sums[index] = '合计';
return;
}
if (!props.includes(column.property)) {
return;
}
const values = data.map((item) => Number(item[column.property]));
if (!values.every((value) => Number.isNaN(value))) {
sums[index] = `${values.reduce((prev, curr) => {
const value = Number(curr);
if (!Number.isNaN(value)) {
return prev + curr;
}
return prev;
}, 0)}`;
} else {
sums[index] = 'N/A';
}
});
return sums;
};
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
上次更新: 2023/06/01, 12:40:50