각각 지역, 1분기, 2월 헤더에 스타일을 적용한 모습입니다.

CSS 에서 사용자가 정의할 스타일을 작성 한 후 columnLayout 에 headerStyle 으로 설정하면 가능합니다.

즉, HTML의 CSS 클래스를 정의 한 후 정의한 클래스명을 headerStyle의 값으로 설정합니다.

예를 들어 설정한 CSS 클래스가 aui-grid-user-custom-header 라면 설정한 레이아웃은 다음과 같습니다.

const columnLayout = [{
    dataField: "region",
    headerText: "지역",
    headerStyle : "aui-grid-user-custom-header",
    width: 120
}, {
  ...