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

2022. 2. 24. 16:25·과거의 이력/[그리드] ag-grid

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

'과거의 이력 > [그리드] ag-grid' 카테고리의 다른 글

[ag-grid] no rows to show 문구 제거하기  (0) 2022.09.28
[ag grid] 키보드이벤트 제어하기, 선택 범위 재 지정하기  (0) 2022.03.22
'과거의 이력/[그리드] ag-grid' 카테고리의 다른 글
  • [ag-grid] no rows to show 문구 제거하기
  • [ag grid] 키보드이벤트 제어하기, 선택 범위 재 지정하기
정많이 정만이
정많이 정만이
jeongmany
  • 정많이 정만이
    정많이 정만이
    정많이 정만이
  • 전체
    오늘
    어제
    • 분류 전체보기 (80)
      • 과거의 이력 (71)
        • CS (12)
        • 프론트엔드 (4)
        • javascript (21)
        • Vue.js (7)
        • bootstrap (1)
        • [그리드] ag-grid (3)
        • [그리드] vue-grid-layout (1)
        • HTML_CSS (5)
        • NPM (1)
        • [차트]highcharts (0)
        • JAVA (9)
        • 백엔드 (1)
        • 기본개념 (손필기) (5)
        • 프로그래머스 (1)
      • 알고리즘 (6)
      • 통계 (9)
        • 통계지식 (8)
  • 블로그 메뉴

    • 홈
    • 태그
    • 방명록
  • 링크

  • 공지사항

  • 인기 글

  • 태그

    vue.js
    ubuntu설치
    알고리즘
    반복문
    코딩테스트
    ag-grid
    JavaScript
    aggrid
    selectbox
    bootstrap
    ubuntu
    java
    버추얼박스
    HTML
    ES6
    js
    cs
    자바스크립트
    우분투
    vuejs
    객체
    CSS
    js map
    공유메모리
    Webpack
    개발자
    vue
    vue.config.js
    VirtualBox
    webpack.config.js
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.3
정많이 정만이
[ag-grid] ag-grid cell에 값이 나타나지 않는 문제 해결하기
상단으로

티스토리툴바