Angular 4材质使用带图像的垫式分页器吗？

Question

我有一个Angular v4应用程序。因此，在我的应用中，我得到了一个mat-paginator，我需要在没有“数据表”的情况下使用它。

我一直在寻找解决方案，但是在每个站点中，他们都将“ table”或“ mat-table”与DataSource一起使用。我需要使用mat-paginator显示许多图像或确定表行<tr></tr>的长度

我的代码很简单：

<mat-paginator [length]="allImages.length" [pageSize]="25" [pageSizeOptions]="[25, 50, 75, 100]">
</mat-paginator>
<table cellspacing="0" cellpadding="0">
  <tbody>
    <tr *ngFor="let i of allImages">
      <td>
        <img [src]="i.image" >
      </td>
    </tr>
  </tbody>
</table>

所以...在这种情况下，分页必须仅显示我的allImages变量的前25张图像，并在转到下一页时更改为26至50张图像。

之所以需要这样，是因为每个图像的样式都不适合<table mat-table>组件。

如何将mat-paginator连接到简单元素？