ant design table组件去掉回车排序

要去掉 ant design table 组件的回车排序功能，可以通过自定义sorter来实现。

首先，需要在columns中定义每一列的sorter属性，并设置为false，这样可以禁用默认的排序功能。

然后，通过监听键盘事件，在按下回车键时，阻止默认的排序操作。可以使用onKeyUp或onKeyPress事件绑定一个函数来实现。

在该函数中，判断按下的键是否为回车键（keyCode为13），如果是，则阻止事件的默认行为，从而禁用排序操作。

具体代码如下：

import React from 'react';
import { Table } from 'antd';

const columns = [
  {
    title: 'Name',
    dataIndex: 'name',
    sorter: false, // 禁用默认排序功能
  },
  {
    title: 'Age',
    dataIndex: 'age',
    sorter: false, // 禁用默认排序功能
  },
  {
    title: 'Address',
    dataIndex: 'address',
    sorter: false, // 禁用默认排序功能
  },
];

const data = [
  { key: '1', name: 'John Doe', age: 25, address: 'New York' },
  { key: '2', name: 'Jane Smith', age: 30, address: 'London' },
  { key: '3', name: 'Tom Johnson', age: 35, address: 'Paris' },
];

class MyTable extends React.Component {
  handleKeyUp = (e) => {
    if (e.keyCode === 13) { // 按下回车键
      e.preventDefault(); // 阻止默认行为
    }
  }

  render() {
    return (
      <Table
        columns={columns}
        dataSource={data}
        onKeyPress={this.handleKeyUp}
      />
    );
  }
}

export default MyTable;

通过以上代码，我们成功禁用了 ant design table 组件的回车排序功能。