antd Table配置文本不换行

在Ant Design (antd) 的 Table 组件中，如果想要文本内容不自动换行，你可以设置单元格的 `title` 或 ` dataIndex` 属性中的字符串值为一个非块级元素（如 `span` 或者 `inline-block`），并限制其宽度，这样就可以控制文字不换行了。例如：

import { Table, Col } from 'antd';

const columns = [
  {
    title: '不换行标题',
    dataIndex: 'textNoWrap', // 假设 textNoWrap 是你的数据字段名
    render: (text) => (
      <Col span={10} style={{ whiteSpace: 'nowrap' }}>这里的内容不会换行</Col>
    ),
  },
];

// 假设 data 是这样的数组，其中每一项都有 'textNoWrap' 字段
const data = [
  { textNoWrap: '这是一个非常长的句子，我们想让它在一个行里显示完' },
  // 其他数据...
];

<Table columns={columns} dataSource={data} />;

这里的 `whiteSpace: 'nowrap'` 设置可以使文字紧贴在一起，而不换行。需要注意的是，如果内容过长，可能会超出容器宽度，这时你需要调整容器的宽度以便查看完整的内容。