antdテーブルコンポーネントの最後またはnページ目をプログラム的にナビゲートする方法は？

Question

私は、ページングコンポーネントを持つantdテーブルコンポーネントに新しいアイテムを追加しています。ページコンテンツをページングの最後またはnページ目までナビゲートしたいと考えています。私はどのようにして、プログラムによって、antdページングを使用して、antdテーブルコンポーネントの最後またはn番目のページにナビゲートできますか？

Answer 1

これは、私はそれを解決する方法であります状態へのテーブルあなたのコンポーネントレンダリングメソッドのページ分割の小道具：

... 
    <Table 
     dataSource={dataSource} 
     ... 
     pagination={this.state.pagination} 
    /> 
    ... 

3）コンポーネントのイベントハンドラで、SetStateを使用してページ設定オブジェクトを設定できるようになりました。たとえば、新しいアイテムがテーブルに追加された後、ページネーションの最後のページに移動します。

handleCreateItem =() => { 
     ... 
     let pagination = { 
      current: YourNewCurrentPageInPagination, 
      maxSize: YourNewMaxSizeGridValue 
     } 
     ... 
     this.setState({ 
      pagination: pagination 
     }) 
     ... 
} 

Answer 2

あなたはTable[pagination]によってそれを制御することができ、次を参照してください。

1）コンポーネントの状態

constructor(props) { 
     super(props); 

     this.state = 
      { 
       pagination: null, 
      }; 
    } 

2）に改ページオブジェクトを追加するコンポーネントからページネーションを渡す：https://ant.design/components/table/#Table