AG-Grid

[AG-Grid] 전체 목록 페이징 옵션 주기

블체. 2025. 6. 19. 23:45

AG-Grid 가 제공하는 기본 페이지네이션 기능을 사용하던 차에 페이지네이션+전체데이터 를 볼 수 있게 수정 요청을 받았다.

AI는 paginationPageSizeSelector 에 false 를 주라니, "All", null, 0 등을 넣어보라고 했으나 모두 실패했다.

찾은 해답은,

 

간단하게 변수를 만들고 데이터의 사이즈를 넣은 후 변수를 paginationPageSizeSelector 에 입력하면 되었다.

 

function setData(obj){
	let data = obj.dataList;
	let AllData = data.length;

	const gridOptions = {
		rowData: data,
		rowStyle: { cursor: 'pointer' },
		columnDefs: [
			// 컬럼 지정..
		],
	rowSelection: "single",
	suppressCellFocus: true,
	pagination: true,
	paginationPageSize: 25,
	onFirstDataRendered: onFirstDataRendered,
	paginationPageSizeSelector: [10, 25, 50, 100, AllData]
};
반응형