先初始化一个当前页面分页的下标
state={
currentIndex:1, //初始化的下标
data:[],
columns:[
{
title:'序号',
render:(text,record,index)=>{
//生成序号
return(
<span>{(this.state.currentIndex-1)*10+(index+1)}</span>
)
},
},
{
title: 'Age',
dataIndex: 'age',
render: (text,record)=>{
return(
<Input />
)
}
},
{
title: 'Address',
dataIndex: 'address',
},
]
}
表格组件里面添加分页属性
//每次切换页码的时候,更新之前初始化的页码
pagination={
onChange:(page, pageSize)=>{
this.setState({
currentIndex:page
})
}
}
render(){
return(
<Table
ref= 'tables'
rowSelection={rowSelection}
columns={this.state.columns}
dataSource={this.state.data}
bordered
pagination={this.pagination} //分页属性
/>
)
}
每天进步一点点,拥抱幸福是必然。