Antd Table Pagination Pagesize

sjy·2023년 6월 28일
0

리액트공부

목록 보기
9/9
import React, { useState } from 'react';
import { Table } from 'antd';

export default function TablePageSize (){
const [pageSize,setPageSize]= useStage(10);

const handleTableChange = (currentPage, size)=>{
setPageSize(size);
}
	return (
		<Table
		dataSource={dataSource}
		columns={columns}
		pagination={{onChange: handleTableChange, showSizeChanger:true}}
		/>
	);
};

pagination 항목에 onChange 기능을 이용해 page size 값을 저장하고 useQuery로 데이터를 요청할 때 이용할 수 있다.

profile
수학과 코딩

0개의 댓글