材質表のページ番号

Question

材質表を使用してデータをリストしています。テーブルはすべてのデータをリモートサーバから一度にロードします。ページ変更データをリモートからフェッチする必要があるため、ページネーションを使用してデータをロードする方法はありますか。

ページが読み込まれると、次のコードからデータが取得されます。

const options = { method: 'GET', headers: { Origin: '*' } }; 
    fetch(`https://some-url/user_groups`, options) 
     .then(function (result) { 
      //i will get data here 
     }) 
     .catch(error => console.log('error while fetching ', error)); 

Answer 1

次の手順に従ってください：

ステップ1.変更し、サーバ側でデータの唯一の1ページを返し、また利用できるレコード数を返すこと。 3.データの現在のページ&結果数をロードするためにloadDataを実装

{ 
    data: list of data item to display on the table 
    page: the current page of the table 
    resultCount: number of available records 
} 

ステップ：コンポーネント、またはReduxのストアを反応させ、あなたに

/api/getData?offset=5&limit=10 

ステップ2は、以下の状態を作成します。

ステップ4.コンポーネントの取り付け時に、&ページ変更イベントを再ロードします。