首页 > 编程语言 > 详细

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

时间:2019-07-05 11:29:25      阅读:141      评论:0      收藏:0      [点我收藏+]

技术分享图片

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

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

技术分享图片

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

技术分享图片

技术分享图片

 

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

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!