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

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

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

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

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

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

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

 

相关文章:

  • 2022-12-23
  • 2021-08-16
  • 2022-12-23
  • 2021-06-25
  • 2022-12-23
  • 2021-04-21
  • 2021-10-29
  • 2021-12-04
猜你喜欢
  • 2022-12-23
  • 2022-01-13
  • 2022-12-23
  • 2021-08-25
  • 2021-12-12
  • 2022-03-07
  • 2021-06-18
相关资源
相似解决方案