컬럼 헤더 HTML Template
컬럼 헤더에 html telmplate를 사용하여 html코드를 직접 사용할 수 있습니다.
header.template의 ${}에 values 에서 설정한 값을 표시합니다.
var columns = [{
...생략
{
name: "Gender",
fieldName: "Gender",
width: 150,
header: {
template: "${headerText} <img src='../../../../../public/images/common/man.png' alt='Man Image' width='15' height='15'><img src='../../../../../public/images/common/woman.png' alt='Woman Image' width='15' height='15'>",
values: { "headerText":"성별 이미지표시"}
}
},
...생략
}];
gridView.setColumns(columns);