选择中的Antd自动换行

import React from 'react';
import { Table } from 'antd';
import './styles.css'; // 引入自定义样式文件

const columns = [
  {
    title: 'Name',
    dataIndex: 'name',
    key: 'name',
    width: 150,
    ellipsis: false, // 关闭省略号显示
    render: (text) => <div className="ellipsis-text">{text}</div>, // 使用自定义样式组件
  },
  {
    title: 'Description',
    dataIndex: 'description',
    key: 'description',
    width: 300,
    ellipsis: false,
    render: (text) => <div className="ellipsis-text">{text}</div>,
  },
];

const data = [
  {
    key: '1',
    name: 'John Brown',
    description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
  },
  // 其他数据...
];

const App = () => (
  <Table columns={columns} dataSource={data} />
);

export default App;

/* styles.css */
.ellipsis-text {
  white-space: normal; /* 允许文本换行 */
  word-break: break-all; /* 单词内换行 */
}