Antd: How to change tooltip label on table sorter

user_15427519 0
Viewed 2653

I'm new using Antd, I've create a table with sort functionalities, but I need to change the text on the tooltip of the sorter.

Sorter tooltip:-

enter image description here

Thanks in advance, if you need any extra code snippet just please let me know.

antd javascript
3 Answers

Based on this issue in github you can set locale property of Table to what you want

<Table 
      locale={{ 
          triggerDesc: 'descend sort text',
          triggerAsc: 'ascend sort text', 
          cancelSort: 'cancel sort text'
      }}
   />
user_118515500

Per the documentation, tables use the Sorter object, which implements a Tooltip.

You can find more information on the Table API here: https://ant.design/components/table/

And more on the Tooltip API here: https://ant.design/components/tooltip/#API

Essentially you'll want to set the yourTable.showSorterTooltip property to an object which contains the properties you want. It looks like the specific property you're looking for is just "title" but you can see the full list of properties in the Tooltip API

user_104300700

I was able to solve it this way:

<Table showSorterTooltip={{ title: 'Clic para ordenar' }}
       columns={tableColumn}
       dataSource={item}
       rowClassName='ps-pointer'
       rowKey={record => record.codigo_pedido_compra}
       style={{ cursor: 'pointer' }}
  />

The trick is to use the showSorterTooltip property.

user_154275190
Related