ag grid 정리

https://www.ag-grid.com/

 

테이블 그릴 수 있는 라이브러리인데 아주 많은 기능들이 있고 자바스크립트, 리액트, 뷰, 앵귤러에서 전부 사용 가능함. enterprise 버전을 구매하면 추가 기능들을 이용할 수 있음.

 

1. enterprise 기능 유무 확인법

2. document 볼때 주의사항

99. error 멘트 정리

 

(주기적으로 업데이트 예정)

---

1. enterprise 기능 유무 확인법

설명서 보다보면 빨간색으로 e 되어있는데 이게 enterprise 버전임.

 

 

2. document 볼때 주의사항

설명서 우측 상단에 프레임워크가 있는데 원하는걸 누르고 봐야 각종 예시들이 그 프레임워크에 맞게 나옴. 어쩐지 비슷하긴한데 왜 vue랑 좀 다르지 했는데 앵귤러꺼 보고있었음ㅋ

 

 

99. error 멘트 정리

[Vue warn]: Failed to resolve component: AgGridVue
If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement. 

이건 components에 ag grid 안넣어서 발생하는 오류임

빼먹지마쎄여

---

AG Grid: could not find data item as object was not found

ag-grid-community.auto.esm.js:49832 Consider using getRowId to help the Grid find matching row data

이건 applyTransaction 쓸때 key를 다른걸로 넣어보면 안나옴.

 

이때 상황이 rowData는 기본적으로 빈배열이였고 onGridReady함수에서 데이터를 만들어서  

this.api.applyTransaction({ update: newData });

이렇게 넣어줬을때 에러가 났었음. 난 빈배열이더라도 일단 존재는 하는거니까 update로 넣어주면 된다 생각했었음. 암튼 update대신 add라고 써주면 안났음.