200219 TIL firebase(슬랙 점심봇) && ag-grid sizeColumnsToFit
Feb 19, 2020
»
1.5막,
TIL (Today I Learned),
firebase,
ag-grid
firebase
- 회사 슬랙 점심 봇을 iOS개발자가 만들어주셨는데, firebase를 서버로 쓰셔서 이것저것 알려주시고 공부했다.
-
그리고 점심 먹을지 말지 보내는 페이지 하나를 만들었다. (캡쳐하려고 들어갔는데 axios 오류가 나있어서 수정했다.
TIL 쓰길잘했다) - 사이드 프로젝트로 파베 서버로 쓰는 프로젝트 해야되는데…
ag-grid sizeColumnsToFit
- 요새
ag-grid
라이브러리 이용해서 어드민 만드는 작업을 하고 있다. -
컨텐츠에 맞게 column width를 조정해주는 sizeColumnsToFit() 기능을 쓰려고 하는데.. 영 잘 안됐다.
<AgGridReact onGridReady={params => { params.api.sizeColumnsToFit(); }} />
- 왠지 데이터가 들어오기 전에 메소드가 실행되는 거 같아서 방법을 찾아본 결과
<AgGridReact
onFirstDataRendered = {() => autoSizeAll()}
/>
const autoSizeAll = () => {
var allColumnIds = [];
gridColumnApi.getAllColumns().forEach(function(column) {
allColumnIds.push(column.colId);
});
gridColumnApi.autoSizeColumns(allColumnIds, false);
}
요런 식으로 처음 렌더링 되는 시점에 auto fit 함수를 실행시켜주니 잘 되었당