how to sort a table in alphabetical order with antd

Question

I want to filter the column in alphabetical order here is the code to filter by the size how to do thank you

const columns = [{
      title: 'First Name',
      dataIndex: 'first_name',
      sortDirections: ['descend', 'ascend'],
      key: 'first_name',
      width: '20%',
      sorter: (a, b) => a.first_name.length - b.first_name.length,

    }]

score 98 · Accepted Answer · answered Apr 23 '19 at 09:28

98

You can use localeCompare()

sorter: (a, b) => a.first_name.localeCompare(b.first_name);

answered Apr 23 '19 at 09:28

Maheer Ali

35,834
5
42
73

4

This question is marked as duplicate but the linked question is for javascript and not for **antd**. This answer worked for me. :) – Somendra Meena Sep 25 '19 at 11:50
Its worked for me – core114 Dec 25 '20 at 07:42
I'ts true, the question is about antd design tables, this is what I was wanted, and worked for me. – Raul Jan 21 '21 at 08:06
The solution worked very well for me! :) – Ythalo Rossy Feb 26 '21 at 23:32
Worked great for me. However, AntD sort breaks when a field's value is null – Michael K Aug 18 '21 at 13:13

how to sort a table in alphabetical order with antd

1 Answers1

Linked