спроектировать / вставить элемент в компонент материала (нумерация страниц)

Question

Stackblitz

• , где я уже попробовал пару вещей
• Я еще не смог получить нативный элемент нумерации страниц.

Я пытаюсь получить это здесь

• position: absolute не вариант, потому что позиция нумерации страниц не является статичной

Есть предложения?

Answer 1

Проверьте эту ссылку https://stackblitz.com/edit/angular-itww5x-oxmvt2?file=app%2Ftable-overview-example.html

Я сделал это в левом углу

CSS

.addBtn {
    position: absolute;
    bottom: 10px;
    left: 10px;
}

.example-container {
   position: relative;
}

Html

<div class="example-container mat-elevation-z8">
    <mat-table></mat-table>
    <mat-paginator></mat-paginator>
    <button class="addBtn" mat-raised-button color="primary" >Add Role</button>
</div>