angular 下 nztable分页设置

Posted 2023-01-17 汜水渟

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

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