<nz-table #table [nzData]="tableData" [nzPageSize]="15"> <thead> <tr> <th scope="col"><span jhiTranslate="global.field.id">ID</span></th> <th scope="col"><span jhiTranslate="toyoApp.equipment.type">Type</span></th> </tr> </thead> <tbody> <tr *ngFor="let equipment of table.data; trackBy: trackId" data-cy="entityTable"> <td> <a [routerLink]="['/equipment', equipment.id, 'view']">{{ equipment.id }}</a> </td> <td jhiTranslate="{{ 'toyoApp.EquipmentType.' + equipment.type }}">{{ equipment.type }}</td> </tr> </tbody> </nz-table> 以上代码中页码按钮没有居中应该怎么修改
时间: 2024-03-28 07:42:29 浏览: 113
可以在组件的 CSS 样式中添加以下代码来让页码按钮居中:
```
::ng-deep .ant-pagination {
display: flex;
justify-content: center;
}
```
这样就可以让页码按钮在水平方向上居中对齐了。同时,如果你想让按钮在垂直方向上也居中,可以将 `justify-content` 属性修改为 `center`,这样就可以在水平和垂直方向上都居中对齐了。
阅读全文