angular 下 nztable分页设置

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

然后我翻了一遍底层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]