본문 바로가기

프론트엔드/[그리드] ag-grid

[ag-grid] ag-grid cell에 값이 나타나지 않는 문제 해결하기

error

에러내용

ag grid에서 headerName이 '컬럼명'인 컬럼에만 편집모드 옵션을 활성화했다.

그랬더니 필드값이 그리드상에 그려지지 않는 문제가 발생하였다.

셀을 클릭하여 편집모드를 활성화해보니 값을 가지고는 있으나 랜더링이 되지 않는 문제가 발생됐다.

 

 

 

해결방안

기본 그리드는 렌더러를 수행해야한다.

따라서 셀 렌더러(cellRenderer)로 파라미터값을 렌더링함으로써 해결할 수 있다.

// 예시

let columnDefs = [
    { headerName: 'No', field: 'id' },
    { headerName: '컬럼명', field: 'columnName',
        cellRenderer: (params) => {
            return params.value
        }
    },
]

 

resolve

 

 


 

 

 

참고링크 :  https://stackoverflow.com/questions/46650690/ag-grid-not-displaying-data