Reactjs 如何获取ant设计表中的行索引?
我想显示ant设计表中的行索引。我得到的10行数据是1到10Reactjs 如何获取ant设计表中的行索引?,reactjs,react-native,ant-design-pro,Reactjs,React Native,Ant Design Pro,我想显示ant设计表中的行索引。我得到的10行数据是1到10 const columns = [{ title: 'ID', dataIndex: 'id', key: 'id', width: '5%' }, ... ]; <Table key="table" columns={columns} dataSource={listData} pagination= {false} /> const列=[{ 标题:“ID”, 数
const columns = [{
title: 'ID',
dataIndex: 'id',
key: 'id',
width: '5%'
},
...
];
<Table key="table" columns={columns} dataSource={listData} pagination= {false} />
const列=[{
标题:“ID”,
数据索引:“id”,
键:“id”,
宽度:“5%”
},
...
];
您的要求不明确。你最好向我们展示你想要实现的产出。若您需要获取“columns”数组中对象的索引,那个么您可以使用迭代器来获取该索引
例-1:
columns.map((column, index) => {
// Your statements will go here
})
例2:
columns.forEach((column, index) => {
// Your statements will go here
})
实时示例:
<Table key="table" columns={columns} dataSource={listData} pagination= {false} >
<tbody>
{columns.map((column, index) => {
return (
<row>
<td>{index}</td>
</row>
)}
}
</tbody>
</Table>
{columns.map((列,索引)=>{
返回(
{index}
)}
}
还有其他类似“lodash”“forEach”的迭代器。这可能是您学习迭代器的开始我的意思是,这张图中的第一列。我不知道这在英语中是什么意思?您能提供“listData”详细信息吗?只需键入我从服务器获得的json,我想显示索引而不是securitytitle的ID:“ID”,宽度:“5%”,render:(text,record)=>(listData.indexOf(record)+1)我修复了它