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