angluar项目里用ant.design组件库做排序功能,可以接口排序,可以组件库做

像这样的排序功能在项目里一般都是很常见的,这次是用的是ant.design组件库如图,在

thead里面加入(nzSortChange)="sort($event)" nzSingleSort,在需要排序的地方th里加入: nzShowSort  nzSortKey="XXXX",html图如下,可以参考:,this.data是要table要渲染的所有数据

ts:如果需要走接口可以在sort函数里对key做判断或者传key给后台,告诉后台是哪个字段要做排序,然后走接口,把排序给后台做

原文地址:https://www.cnblogs.com/qianyy/p/11137131.html