ag-grid차트

테마의 종류

• ag-theme-alpine : 모던한 스타일, 높은 contrast, 일반적인 padding값이 적용됨.
• ag-theme-apline-dark : alpine의 dark버전
• ag-theme-balham : alpine보다 그리드 간격과 폰트가 좀더 작고 촘촘합니다. 데이터를 좀더 많이 보여줌.
• ag-theme-balham-dark : balham의 dark버전
• ag-theme-material : 구글의 material 디자인 스타일. 적은양의 데이터를 여유있게 보여줄 때 유용.

https://www.ag-grid.com/react-data-grid/themes/

 

https://stackoverflow.com/questions/34200358/how-to-provide-a-background-color-for-an-entire-row-in-ag-grid-based-on-a-certai

 

우리의 경우 변수의 이름은 .ag-grid-even 클래스 이름이거나 .ag-grid-odd 클래스 이름입니다. 물론 가시성을 돕기 위해 번갈아 가며 색상을 지정하려는 경우에만 하나만 필요합니다. 우리의 목적에는 하나만 필요했습니다.

다음은 우리 repo에서 이 프로세스가 어떻게 보이는지입니다.

1. 이러한 ag-class 변수 이름 중 일부를 덮어쓰거나 사용하는 사용자 지정 css 파일을 만듭니다. 우리는 그것을 ag-theme-custom.css라고 부릅니다(제 생각에는 css 파일이어야 합니다).