nv-grid

ag-grid-vue3를 기반으로 만든 Vue 3 컴포넌트로, 고급 그리드 기능과 사용자 컬럼 설정 기능을 통합하여 재사용 가능하게 만든 커스텀 그리드입니다.

props

이름	타입	기본값	설명
row-data	List	array	`Grid에 표시될 데이터
grid-options	Object	width: 100%; height: 98%;	ag-grid 옵션 객체
keep-column-state	boolean	false	컬럼 상태 저장 여부
pagination	Object		페이지네이션 겍체

예제

  <nv-grid ref="UserGrid"
           :rowData="list"
           :gridOptions="grid.option"
           :keepColumnState="true"
           :pagination="pagination">
    <nv-grid-col headerName="번호" field="positionIdx" :width="50" :cellStyle="grid.style.end"></nv-grid-col>
    <nv-grid-col headerName="제목" field="title" :width="150" :flex="1"></nv-grid-col>
  </nv-grid>