AG 그리드 팁: HeaderNames

AG Grid의 열 정의에 항상 headerName를 제공할 필요는 없다는 것을 알고 계셨습니까?

왜요? AG Grid는 필드 이름을 기반으로 사람이 읽을 수 있는 헤더를 제공할 때 최선의 추측을 수행합니다. 따라서 그리드가 제공하는 것과 동일한 헤더 이름을 수동으로 설정하여 구성을 두 배로 늘리지 않도록 하십시오.

단순 필드 이름

예를 들어 필드가 athlete인 경우 AG Grid는 헤더 이름을 Athlete로 지정하기 위해 대문자로 표시합니다.

columnDefs:  ColDef[] = [   
  { field: 'athlete' }
];

낙타 밭

필드가 myCustomFieldName인 경우 AG Grid는 열에 대해 이 헤더 이름을 제공합니다: My Custom Field Name .

columnDefs:  ColDef[] = [   
  { field: 'myCustomFieldName' }
];

보시다시피 기본 헤더 이름은 대문자로 분할하고 원하는 대로 첫 번째를 대문자로 하여 생성됩니다.

수동 헤더 이름

물론 항상 기본값을 재정의하고 headerName 속성을 수동으로 설정할 수 있지만 필요할 때만 이 작업을 수행하고 열 정의를 깨끗하게 유지하세요!

  { field: 'athlete', headerName: 'Best Athlete' } 

ValueGetter 헤더 이름

콜백 매개변수를 기반으로 헤더를 사용자 정의하는 데 유용한 콜백headerValueGetter을 사용할 수도 있습니다.

  { field: 'athlete', headerValueGetter: (params) => 'New Athlete' 

자세한 내용은 AG Grid Docs에서 이러한 속성을 참조하십시오.