Skip to content

b-pagination customization #7120

Answered by georgesstein
georgesstein asked this question in Q&A
Discussion options

You must be logged in to vote

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;
}

Replies: 1 comment

Comment options

You must be logged in to vote
0 replies
Answer selected by georgesstein
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Category
Q&A
Labels
None yet
1 participant