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

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

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

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

 

posted @ 2019-07-05 11:12  守候岩  阅读(870)  评论(0编辑  收藏  举报