antd给表格加上序号

先初始化一个当前页面分页的下标

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}  //分页属性
      />
    )
  }

每天进步一点点，拥抱幸福是必然。