[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;
};
반응형

BELATED ARTICLES

more