Uh oh!
There was an error while loading.Please reload this page.
- Notifications
You must be signed in to change notification settings - Fork1.9k
b-pagination customization#7120
Answeredbygeorgesstein
georgesstein asked this question inQ&A
-
How to customize the styles of the first element, last and ellipsis? |
BetaWas this translation helpful?Give feedback.
All reactions
Answered by georgessteinJan 27, 2023
Finally I got it:
<divclass="controls"><b-paginationv-model="filters.page":total-rows="filters.totalCount":per-page="filters.perPage"first-numberlast-numbernext-class="last-el"></b-pagination></div>
.controls::v-deep >.pagination >.page-item.last-el {display:flex;align-items:center;justify-content:center;margin-left:8px;}.controls::v-deep >.pagination >.page-item.last-el >.page-link {width:22px;height:22px;border-radius:50%;padding:0;color:#212126;}
Replies: 1 comment
-
Finally I got it: <divclass="controls"><b-paginationv-model="filters.page":total-rows="filters.totalCount":per-page="filters.perPage"first-numberlast-numbernext-class="last-el"></b-pagination></div> .controls::v-deep >.pagination >.page-item.last-el {display:flex;align-items:center;justify-content:center;margin-left:8px;}.controls::v-deep >.pagination >.page-item.last-el >.page-link {width:22px;height:22px;border-radius:50%;padding:0;color:#212126;} |
BetaWas this translation helpful?Give feedback.
All reactions
0 replies
Answer selected bygeorgesstein
Sign up for freeto join this conversation on GitHub. Already have an account?Sign in to comment