美文网首页Angular
nz-table配置nzPageIndex、nzPageSize

nz-table配置nzPageIndex、nzPageSize

作者: survivorsfyh | 来源:发表于2021-01-14 16:45 被阅读0次

    集成 nz-table 并前端设置分页配置 nzPageIndex、nzPageSize 后,拉取接口数据后,接口数据拉取成功但表单数据未渲染加载出来;

    解决办法

    经过一番测试和扒文档发现若前端控制分页的情况下必须同时配置如下属性

    [nzFrontPagination]="false"
    

    完整配置如下,可供大家参考:

    <nz-table #rowSelectionTable
                  nzShowSizeChanger
                  [nzData]="listOfData"
                  [nzLoading]="loadingTable"
                  [nzOuterBordered]="true"
                  [nzTotal]="total"
                  [nzPageIndex]="pageIndex"
                  [nzPageSize]="pageSize"
                  [nzFrontPagination]="false"
                  (nzPageIndexChange)="changePageIndex($event)"
                  (nzPageSizeChange)="changePageSize($event)"
                  (nzCurrentPageDataChange)="onCurrentPageDataChange($event)"
                  style="margin-top: 20px;"
                  class="nz-card-table"
        >
        // do somethings ...
    </nz-table>
    

    以上便是此次分享的全部内容,希望能对大家有所帮助!

    相关文章

      网友评论

        本文标题:nz-table配置nzPageIndex、nzPageSize

        本文链接:https://www.haomeiwen.com/subject/sivvaktx.html