antd table 隐藏一列，且不占空间

可以使用 `columns` 属性中的 `render` 函数来实现隐藏一列，且不占空间的效果。具体实现方式如下：

1. 在 `columns` 中定义需要渲染的列，包括需要隐藏的列。

const columns = [
  {
    title: '姓名',
    dataIndex: 'name',
    key: 'name',
  },
  {
    title: '年龄',
    dataIndex: 'age',
    key: 'age',
  },
  {
    title: '地址',
    dataIndex: 'address',
    key: 'address',
    // 隐藏该列
    render: () => null,
  },
];

2. 在 `Table` 中设置 `columns` 和 `dataSource` 属性。

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

通过设置 `render` 函数返回 `null`，即可实现隐藏该列的效果。此时，该列不会占据任何空间，不会影响其他列的布局。

相关问题

antd Table隐藏列

要隐藏Antd Table中的列，您可以使用`columns`属性来指定要显示的列。您可以将要隐藏的列从该数组中删除，然后将新数组传递给`columns`属性。例如，如果您要隐藏名称为“age”的列，可以按如下方式处理：

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

const columns = [
  {
    title: 'Name',
    dataIndex: 'name',
    key: 'name',
  },
  {
    title: 'Age',
    dataIndex: 'age',
    key: 'age',
  },
  {
    title: 'Address',
    dataIndex: 'address',
    key: 'address',
  },
];

const data = [
  {
    key: '1',
    name: 'John Brown',
    age: 32,
    address: 'New York No. 1 Lake Park',
  },
  {
    key: '2',
    name: 'Jim Green',
    age: 42,
    address: 'London No. 1 Lake Park',
  },
  {
    key: '3',
    name: 'Joe Black',
    age: 32,
    address: 'Sidney No. 1 Lake Park',
  },
];

const App = () => {
  const newColumns = columns.filter(column => column.key !== 'age');

  return (
    <Table columns={newColumns} dataSource={data} />
  );
};

export default App;

在上面的代码中，我们使用`filter()`方法来删除`columns`数组中的“age”列，并将新数组传递给`columns`属性。这将导致只显示“Name”和“Address”列。

antd table column隐藏

若想隐藏Ant Design中的Table组件的某一列，可以在该列的配置项中设置 `hidden` 属性为 `true`。

例如：

<Table dataSource={dataSource}>
  <Column title="Name" dataIndex="name" key="name" />
  <Column title="Age" dataIndex="age" key="age" />
  <Column title="Address" dataIndex="address" key="address" hidden={true} />
</Table>

这样就会将表格中的“Address”列隐藏起来。