AG Grid의 Grid Option

AG Grid의 Grid Option은 AG Grid를 설정하고 동작을 제어하는 데, 사용됩니다.저는 ag-gird-vue라는 태그 안에 Grid Option을 사용했어요.Grid Option에는 무엇이 있고 어떤 역할을 하는지 알아봅시다! 1. Grid OptionGrid Option은 다음과 같습니다. (Grid Options 공식 홈페이지 바로가기)옵션설명groupRemoveSingleChildren그룹화된 데이터에서 자식이 하나만 있는 경우, 그룹을 축소화할 지 결정합니다.localeText 텍스트의 언어를 설정합니다. style 그리드의 스타일을 설정합니다. class 그리드의 클래스를 설정합니다. rowData 배열 형태의 데이터를 그리드에 로드합니다. getRowNodeId 주어진 ID를 가..

• format_list_bulleted Vue.js
• · 2024. 8. 7.
• textsms

AG Grid

데이터 허브 관련 UI를 작업하던 도중, 처음 접해보는 라이브러리를 발견했습니다.그것은 바로 AG Grid인데요. 이것이 무엇인지 알아봅시다! 1. AG GridAG Grid란?(AG Grid 공식 홈페이지 바로가기) 고성능의 JavaScript 데이터 그리드 라이브러리로, 다양한 기능과 유연성을 제공하여 웹 애플리케이션에서 복잡한 테이블과 데이터를 효과적으로 관리하고 표시할 수 있게 지원합니다. 2. AG Grid 설치그럼 바로 AG Grid를 설치해 봅시다!(저는 Vue를 사용했어요,) 설치 공식 문서 1) NPM 설치다음과 같이 입력하여, 라이브러리를 설치해 줍니다.npm install ag-grid-vue3 2) Vue 데이터 그리드 가져오기그럼 이제 데이터 그리드를 가져와야겠죠?AG Grid를 ..

• format_list_bulleted Vue.js
• · 2024. 7. 22.
• textsms