Monday, August 1, 2022

[FIXED] How to change showTotal postiton in antd pagination component

Issue

showTotal is currently aligned to the left of the pagination ( list of numbers ) always.

How to change its position.

Refer to the image below to understand the expected behavior

enter image description here

Documentation for Reference: https://ant.design/components/pagination/


Solution

Altough it is a li inside a ul, you can trick it somehow using absolute position

.ant-pagination-total-text { 
  position: absolute;
  right: 0;
}

Example



Answered By - Apostolos
Answer Checked By - Marilyn (PHPFixing Volunteer)

No comments:

Post a Comment

Note: Only a member of this blog may post a comment.