michaelbromley / ngx-pagination

Pagination for Angular
http://michaelbromley.github.io/ngx-pagination/
MIT License
1.21k stars 245 forks source link

Moving the previous and next buttons #391

Closed Exemocaro closed 1 year ago

Exemocaro commented 1 year ago

Angular version: 14.0.5

ngx-pagination version: 6.0.2

Is it possible to move the previous and next buttons away from the numbers? For example:

Previous_________________________________1 2 3 ... 50 _________________________________Next

michaelbromley commented 1 year ago

Yes, you can try using custom styling or failing that, you can create a custom template and you'll have full control over how it looks.

Exemocaro commented 1 year ago

I actually managed to do it by doing this:

.my-pagination /deep/ .ngx-pagination{
    display:flex;
    align-content: center;
    justify-content: center;
    padding: 0;
}

.my-pagination /deep/ .ngx-pagination .pagination-previous{
    margin-right:auto;
}

.my-pagination /deep/ .ngx-pagination .pagination-next{
    margin-left:auto
}