반응형

 

이번 글은 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/

반응형
  • 네이버 블러그 공유하기
  • 네이버 밴드에 공유하기
  • 페이스북 공유하기
  • 카카오스토리 공유하기