{{ message }}
.controls::v-deep > .pagination > .page-item.last-el {\n display: flex;\n align-items: center;\n justify-content: center;\n margin-left: 8px;\n}\n\n.controls::v-deep > .pagination > .page-item.last-el > .page-link {\n width: 22px;\n height: 22px;\n border-radius: 50%;\n padding: 0;\n color: #212126;\n}b-pagination customization #7120
Answered
by
georgesstein
georgesstein
asked this question in
Q&A
-
|
How to customize the styles of the first element, last and ellipsis? |
Beta Was this translation helpful? Give feedback.
Answered by
georgesstein
Jan 27, 2023
Replies: 1 comment
-
|
Finally I got it: <div class="controls">
<b-pagination
v-model="filters.page"
:total-rows="filters.totalCount"
:per-page="filters.perPage"
first-number
last-number
next-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;
} |
Beta Was this translation helpful? Give feedback.
0 replies
Answer selected by
georgesstein
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Finally I got it: