之前也看了很多关于单元格合并的代码,但实现的东西都与我自己的需求大相径庭,以为我的需求是根据B列相同名称,合并E列的数据。效果和代码都会发在下方,技术栈:angular+ts(技术没那么重要,主要是思路吧)
效果如下:根据站点名相同,合并TS评分数据
html代码如下:
<div class="row-label-layout">
<nz-table #rowSelectionTable [nzBordered]="true" [nzShowPagination]="false" nzShowSizeChanger
[nzData]="tableListData" nzTableLayout="fixed" nzSize="small" class="table-overflow-y test-panel-list"
[nzScroll]="{ y:'1px' }">
<thead>
<tr>
<th nzWidth="140px">时效</th>
<th nzWidth="140px">站名</th>
<th nzWidth="140px" [nzSortFn]="true" (nzSortOrderChange)="onSortChange('abs',$event)" *ngIf="arealRainfallChecked.indexOf('abs') !== -1">绝对误差</th>
<th nzWidth="140px" [nzSortFn]="true" (nzSortOrderChange)="onSortChange('rel',$event)" *ngIf="arealRainfallChecked.indexOf('rel') !== -1">相对误差</th>
<th nzWidth="140px" [nzSortFn]="true" (nzSortOrderChange)="onSortChange('ts',$event)" *ngIf="arealRainfallChecked