AG-Grid 페이징

leesoyeon·2023년 10월 3일

ag-grid에는 페이징을 처리해주는 아주 아주 편한 기능이 있다.
사용법 또한 간단하다!

우선 그리드 옵션에 'pagination : true' 설정을 넣어주고,

const gridOptions = {
        columnDefs: columnDefs,
        rowData: rowData,
        components: {
            classCompRenderer: ClassComp,
        },
        pagination: true,
        // paginationAutoPageSize: true
        paginationPageSize: 10
    };

'paginationAutoPageSize : true' 를 하거나 (자동 처리)
'paginationPageSize' 에 한 페이지당 보여줄 열의 개수를 입력해주면 된다.

ag-grid를 사용하면 페이징 기능 외에도 정말 많은 기능들을 편하게 사용할 수 있다!
quickFilter도 굉장히 유용 👍🏻

https://www.ag-grid.com/documentation/

0개의 댓글