반응형
이번 글은 AG Grid 공식 가이드 문서에서 제공하고 있는 글에서 JS 파일에 관한 글을 기록한다.
1. JS & CSS Import
ag-grid-community.min.js 파일을 import 하면 모든 JS와 CSS를 사용할 수 있다. 또한, 부분적으로도 import를 할 수 있으며, 사용하고 싶은 것과 사용하고 싶지 않은 것에 대한 것들도 따로 구분하여 import를 할 수 있다. 아래와 같이, ag-grid-community.min.js를 import 하거나, ag-thema-alpine-dark.js 처럼 테마도 선택할 수 있다.
<script src="https://cdn.jsdelivr.net/npm/ag-grid-community/dist/ag-grid-community.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/ag-grid-community/dist/ag-thema-alpine-dark.js"></script>
2. Theme & Style 세팅
AG Grid의 테마 및 스타일은 아래에서 선택해서 import를 하여 사용할 수 있고, 커스터마이징도 할 수 있다.
https://www.ag-grid.com/javascript-data-grid/themes/
JavaScript Data Grid: Themes
The grid is styled with CSS, and a theme is simply a CSS class that applies styles to the grid. Download v28 of the best JavaScript Data Grid in the world now.
www.ag-grid.com
참고자료
https://www.ag-grid.com/javascript-data-grid/getting-started/
반응형
'IT > AG Grid' 카테고리의 다른 글
[AG Grid] AG Grid 데이터 가져오는 방법(fetch 사용) (0) | 2023.01.11 |
---|---|
[AG Grid] AG Grid 데이터 가져오는 방법 (0) | 2022.12.23 |
[AG Grid] t.map is not a function 에러 해결 방법 (0) | 2022.12.23 |
[AG Grid] AG Grid 가이드 - Grid 및 관련 Options (0) | 2022.12.21 |
[AG Grid] AG Grid 설치 후 기본 예제 (0) | 2022.12.20 |
[AG Grid] AG Grid 참고 URL 정리 (0) | 2022.12.20 |
[AG Grid] 윈도우 10(Windows 10)에서 AG Grid 설치하기 (0) | 2022.12.19 |
[AG Grid] AG Grid 비용에 대한 정리 (8) | 2022.11.12 |
최근댓글