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