首页 > 其他分享 >angular 下 nztable分页设置

angular 下 nztable分页设置

时间:2023-01-17 10:02:03浏览次数:41  
标签:angular 分页 nztable next nzPageSizeOptions page

网上搜了一圈,竟然没有一篇正经讲分页配置的,好多都是自己做个控件替代原生的。

然后我翻了一遍底层ts试了下,发现自带的配置其实并不复杂。

 nzItemRender: TemplateRef<PaginationItemRenderContext> | null; 负责配置分页及相应的事件,总共有以下事件,  'page' | 'prev' | 'next' | 'prev_5' | 'next_5' 其中page是赋值来源是 let-page自动计算的  <ng-template #renderItemTemplate let-type let-page="page">             <ng-container [ngSwitch]="type">                 <span *ngSwitchCase="'page'">{{ page }}</span>                 <span *ngSwitchCase="'prev'" >Prev</span>                 <span *ngSwitchCase="'next'" >Next</span>             </ng-container> </ng-template>   nzPageSizeOptions 数组,负责分页详情,默认是10-50条,自己赋值会覆盖默认 [nzPageSizeOptions]=[10,20,30,50,100,200]  

标签:angular,分页,nztable,next,nzPageSizeOptions,page
From: https://www.cnblogs.com/ashlly/p/17057044.html

相关文章