Pagination ng zorro表默认分页

Pagination ng zorro表默认分页,pagination,ng-zorro-antd,Pagination,Ng Zorro Antd,我正在使用一个表,其中显示了现有用户及其详细信息。现在我需要使用ng zorro表默认的分页方式;我正在遵循文档,并使用它重用其他实现的代码,但没有分页,显示所有对象,即使我放置“[nzPageSize]=”10”,出于同样的原因,也没有更改页面。如果有人能帮助我,我真的会很感激。非常感谢 代码: 名称 电子邮件 密码 地位 角色 行动 {{user.name} {{user.email} {{user.password}} {{user.is_active==true?'active':'I

我正在使用一个表,其中显示了现有用户及其详细信息。现在我需要使用ng zorro表默认的分页方式;我正在遵循文档,并使用它重用其他实现的代码,但没有分页,显示所有对象,即使我放置“[nzPageSize]=”10”,出于同样的原因,也没有更改页面。如果有人能帮助我,我真的会很感激。非常感谢

代码:


名称
电子邮件
密码
地位
角色
行动
{{user.name}
{{user.email}
{{user.password}}
{{user.is_active==true?'active':'Inactive'}
{{role.aptRoleEntity.name}

我的错误是该表有一个标识符(“headerTable”),并从[nzData]读取信息,在这种情况下,它只是在headerTable.data的ngFor…中更改,
<div class="table-fluid-outer">
    <div class="card-body">
      <div class="table-data">
        <nz-table #headerTable nzShowSizeChanger [nzData]="this.listUsers" [nzPageSize]="10">
          <thead>
            <tr>
              <th>Name</th>
              <th>Email</th>
              <th>Password</th>
              <th>Status</th>
              <th>Role</th>
              <th>Actions</th>
            </tr>
          </thead>
          <tbody>
            <tr *ngFor="let user of listUsers let i = index"
              [attr.data-index]="i">
              <td>{{ user.name }}</td>
              <td>{{user.email}}</td>
              <td>{{ user.password }}</td>
              <!-- Service only return active users -->
              <td>{{user.is_active == true ? 'Active' : 'Inactive'}}</td>
              <td>
                <label *ngFor="let role of user.listUserRoles"> {{role.aptRoleEntity.name}} &nbsp;</label>
              </td>
              <td class="text-align">
                <div class="edit-section">
                  <a (click)="editUser(user)" type="submit"> <i nz-icon nzType="edit" nzTheme="fill"></i> </a>
                  <!-- <button nz-button nzType="primary" >
                    <span>Show Modal</span>
                  </button>  -->
                  <a data-toggle="modal" [attr.data-target]="'#staticBackdrop' + i" href="#"> <i nz-icon nzType="delete"
                      class="float-right" nzTheme="fill"></i></a>
                </div>
              </td>
       <--- Some modals ---->
            </tr>
          </tbody>
        </nz-table>
      </div>
    </div>