// =================================== html文件 ====================================
<nz-table #nzTable [nzData]="list">
<thead (nzSortChange)="sort($event)" nzSingleSort>
<tr>
<th nzShowSort nzSortKey="serIal"></th>
<th nzShowSort nzSortKey="conCen"></th>
<th nzShowSort nzSortKey="fie001"></th>
<th nzShowSort nzSortKey="fie002"></th>
<th nzShowSort nzSortKey="fie003"></th>
<th nzShowSort nzSortKey="fie004"></th>
</tr>
</thead>
<tbody>
<ng-container ngfor=" let item of list;index as i">
<tr ngfor=" let data of item.data;index as i">
<td>{ {data.serIal}}</td>
<td>{ {data.conCen}}</td>
<td>{ {data.fie001}}</td>
<td>{ {data.fie002}}</td>
<td>{ {data.fie003}}</td>
<td>{ {data.fie004}}</td>
</tr>
</ng-container>
</tbody>
</nz-table>
// ==================================== ts文件 =====================================
// 定义排序参数
public sortName = null;
public sortValue = null;
// 数组结构
public list= [{serIal:'序号'，conCen:'内容'，data:[
{fie001:'数据1'，fie002:'数据2'，fie003:'数据3'，fie004:'数据4'}，
{fie001:'数据1'，fie002:'数据2'，fie003:'数据3'，fie004:'数据4'}，
]}，
{serIal:'序号'，conCen:'内容'，data:[
{fie001:'数据1'，fie002:'数据2'，fie003:'数据3'，fie004:'数据4'}，
{fie001:'数据1'，fie002:'数据2'，fie003:'数据3'，fie004:'数据4'}，
]}
];
// 分组排序逻辑
sort(sort: {key:string,value:string} ):void {
this.sortName = sort.key;
this.sortValue= sort.key;
if(sort.value === 'ascend') {
for(let i = 0; i < this.list.length; i++){
for(let j = 0; j < this.list[i].data.length; j++){
for(let k = 0; k< this.list[i].data.length; k++){
if(sort.key === 'conCen'){
this.list[i].data.sort(function(a,b){
return b.conCen.localeCompare(a.conCen, 'zh');
});
}else if(this.list[i].data[k][sort.key] > this.list[i].data[j][sort.key]) {
const temp = this.list[i].data[k];
this.list[i].data[k] = this.list[i].data[j];
this.list[i].data[j] = temp;
}
}
}
}
}else if(sort.value === 'descend') {
for(let i = 0; i < this.list.length; i++){
for(let j = 0; j < this.list[i].data.length; j++){
for(let k = 0; k< this.list[i].data.length; k++){
if(sort.key === 'conCen'){
this.list[i].data.sort (function(a, b) {
return a.conCen.localeCompare (b.conCen, 'zh');
});
}else if(this.list[i].data[k][sort.key] < this.list[i].data[j][sort.key]) {
const temp = this.list[i].data[k];
this.list[i].data[k] = this.list[i].data[j];
this.list[i].data[j] = temp;
}
}
}
}
}
}
小生不才，如有不足之处，请批评指正。
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请联系我们，一经查实，本站将立刻删除。
如需转载请保留出处：https://51itzy.com/kjqy/20314.html