how can i change Go to text in Quick Jumper antd pagination

user_14586255 0
Viewed 687

I tried changing go to text in ant design pagination. document says use showQuickJumper={{ goButton: "Your text" }} but result is:

antd pagination go to text

as you see "go to" text is still visible. how to hide it?

antd reactjs css
1 Answers

The showQuickJumper parameter affects the display of the quick jump block.
If a component is passed as a goButton value, then it will be displayed as a confirmation button.
In order to achieve the desired behavior and change the "Go to" text to another, you need to pass the locale parameter and override the jump_to property.

<Pagination
  showQuickJumper={{
    goButton: <button>Your custom button to confirm</button>
  }}
  total={500}
  locale={{ jump_to: "Your text" }}
/>

Unfortunately there is no indication about this anywhere in the documentation. It is relevant for antd version 4.17.0 and earlier

user_142077200
Related