200219 TIL firebase(슬랙 점심봇) && ag-grid sizeColumnsToFit

» 1.5막, TIL (Today I Learned), firebase, ag-grid

firebase

  • 회사 슬랙 점심 봇을 iOS개발자가 만들어주셨는데, firebase를 서버로 쓰셔서 이것저것 알려주시고 공부했다.
  • 그리고 점심 먹을지 말지 보내는 페이지 하나를 만들었다. (캡쳐하려고 들어갔는데 axios 오류가 나있어서 수정했다. TIL 쓰길잘했다) image

  • 사이드 프로젝트로 파베 서버로 쓰는 프로젝트 해야되는데…

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 함수를 실행시켜주니 잘 되었당

참고