获取ant.design表的列中另一列的值,可以通过使用Ant Design的Table组件的render属性来实现。render属性接收一个函数,该函数用于自定义表格中每个单元格的内容。
具体步骤如下:
以下是一个示例代码:
import { Table } from 'antd';
const dataSource = [
{
key: '1',
name: 'John',
age: 32,
address: 'New York',
},
{
key: '2',
name: 'Mike',
age: 28,
address: 'London',
},
];
const columns = [
{
title: 'Name',
dataIndex: 'name',
},
{
title: 'Age',
dataIndex: 'age',
},
{
title: 'Address',
dataIndex: 'address',
},
{
title: 'Another Column',
render: (text, record) => record.name, // 获取name列的值
},
];
const App = () => (
<Table dataSource={dataSource} columns={columns} />
);
export default App;
在上述示例中,通过render属性中的函数,可以获取到name列的值,并将其显示在"Another Column"这一列中。
注意:上述示例中的代码是使用React和Ant Design来实现的,如果你使用的是其他框架或库,可以根据相应的文档和组件进行调整。
推荐的腾讯云相关产品:腾讯云云服务器(CVM)和腾讯云数据库(TencentDB)。
领取专属 10元无门槛券
手把手带您无忧上云