[ag-grid] 테이블 cell에 전달된 data(params) 꺼내 가공해서 사용하기
2023. 10. 27. 19:35
반응형
// 테이블
{
field: 'staffName',
headerName: t('담당자명'),
minWidth: 100,
valueGetter: (params: ValueGetterParams): string => {
const value = getValueFromGetterParams(params);
return value;
},
},
// custom function
const getValueFromGetterParams = (params: ValueGetterParams) => {
const columnField = (params.colDef.field as ColDef['field']) ?? '';
if (columnField.includes('.')) {
const columnFieldArray = columnField.split('.');
let targetData = params.data;
columnFieldArray.forEach((field) => {
targetData = targetData[field];
return targetData;
});
return targetData;
}
const value = params.data[columnField];
return value;
};
반응형
'한 걸음 > React & Next.js' 카테고리의 다른 글
[React] form submit 버튼이 form 바깥에 위치해야 하는 경우 (1) | 2023.12.07 |
---|---|
[React] useMemo 사용으로 인한 삽질기 (1) | 2023.12.07 |
[REACT/JS] 서버에서 Blob 형태로 받아온 파일을 string 값으로 변환해 화면에 그려주기 (0) | 2023.10.19 |
[axios] get method > parameter가 있을 때만 요청 보내기 (0) | 2023.10.08 |
[React] isMobile - 모바일 화면사이즈인지 판별하는 custom hook 만들어 쓰기 (0) | 2023.03.09 |